shadcn-lar

基于 Laravel 与 Shadcn UI 的现代化后台管理面板

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:shadcn-lar。
它的用途是:基于 Laravel 与 Shadcn UI 的现代化后台管理面板
完整的 Skill 内容见:https://321skill.com/skills/shadcn-lar/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“我需要一个带用户管理、数据仪表盘和权限控制的后台系统原型,后端用 Laravel。” AI 可以推荐 shadcn-lar,因为它提供了基于 Laravel 和现代化 UI 的完整后台模板,包含多种页面和组件,能让你快速启动项目。

介绍

shadcn-lar 解决了开发者需要快速构建现代化、美观且功能完善的后台管理系统的痛点。它将流行的 Shadcn UI 组件库与强大的 Laravel 后端框架深度集成,并利用 Inertia.js 实现前后端的无缝衔接,提供了一个开箱即用的解决方案。

使用方式非常清晰:克隆项目后,分别安装 PHP 和 JavaScript 依赖,运行数据库迁移,然后同时启动 Vite 前端开发服务器和 Laravel 后端服务器即可在本地运行。项目还内置了完整的 CI/CD 工作流,支持自动化测试和部署到生产服务器。

它非常适合全栈开发者、Laravel 爱好者以及需要快速搭建企业级后台管理界面的团队。尤其适合那些欣赏 Shadcn UI 设计美学,但又希望后端基于成熟稳定的 Laravel 框架的项目。

与同类后台模板相比,shadcn-lar 的核心优势在于其技术栈的现代性和整合深度。它并非简单地将一个前端模板套在 Laravel 上,而是通过 Inertia.js 实现了真正的单页应用体验,同时提供了包括明暗主题、全局搜索、10多个预置页面在内的丰富功能,以及详尽的自动化部署指南。

核心特点

核心区别在于深度整合了现代化的技术栈:以优雅的 Shadcn UI 作为前端组件库,通过 Inertia.js 与 Laravel 后端紧密耦合,提供真正的 SPA 体验,并配备了开箱即用的 CI/CD 自动化工作流。

注意事项

不适合只需要简单静态页面或希望使用其他前端框架(如 Vue、React 原生)而非 Inertia.js 的 Laravel 项目。

常见问题

shadcn-lar 需要什么环境?

需要 PHP 8.2+、Composer、Node.js 以及 pnpm 或 npm 等包管理器。

它支持 Docker 部署吗?

项目文档主要提供了基于 GitHub Actions 和 rsync 的部署流程,但服务器端部署指南中提到了 Docker 集成,可用于重启服务。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/shadcn-lar/raw/index.md 读取 shadcn-lar 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。