laravel-vue-skills
Laravel+Vue全栈开发专属AI辅助技能包
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:laravel-vue-skills。 它的用途是:Laravel+Vue全栈开发专属AI辅助技能包 完整的 Skill 内容见:https://321skill.com/skills/laravel-vue-skills/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'帮我用Laravel 11写符合REST规范的用户登录接口,配套Vue3+shadcn-vue的登录表单',它会自动对齐Laravel 11目录约定与shadcn-vue组件规范,生成可直接使用的前后端代码。
对AI说:'检查这段Laravel模型代码是否符合最佳实践,并用Tailwind优化对应Vue组件样式',它会按照内置规范给出调整建议与优化后的代码。
介绍
很多使用Laravel+Vue技术栈的全栈开发者,在借助AI辅助开发时,常遇到AI不熟悉最新框架约定、目录规范与生态最佳实践的问题,生成的代码往往不符合版本要求、适配性差,反而增加后续调整与返工成本。 你可以通过通用的skills命令行工具一键安装该技能包,也可根据项目需求,额外搭配Vue生态相关的扩展技能包使用。安装完成后,兼容Agent Skills规范的AI助手会自动加载内置的开发规范,在开发流程中提供对齐技术栈要求的代码生成、问题排查、规范校验等支持。 它主要面向使用Laravel 11/12搭配Vue 3、Vite、TypeScript、Tailwind CSS v3+、shadcn-vue技术栈的全栈开发者、Web开发团队,尤其适合需要快速搭建项目、统一团队代码规范的从业人员。 如果你使用的是低于要求版本的Laravel、Vue或相关依赖,切勿直接套用AI生成的代码,需要根据自身项目的实际版本,对组件API用法、目录结构、Tailwind配置等内容做对应调整,避免出现兼容性问题。
核心特点
它同时覆盖Laravel 11/12后端开发约定与Vue 3+shadcn-vue前端规范,采用洁净室实现整合官方与社区最佳实践,未直接搬运上游代码。
注意事项
仅适配指定版本范围的技术栈,使用低版本Laravel、Vue或其他组件库的项目需自行做大量适配,无法直接开箱即用。
常见问题
安装该技能包需要什么前置条件?
需要已安装Node.js环境,通过npx即可调用skills CLI完成安装。
可以和其他Vue相关技能包搭配使用吗?
可以,官方推荐按需安装onmax/nuxt-skills获取更全面的Vue生态支持。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/laravel-vue-skills/raw/index.md 读取 laravel-vue-skills 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/laravel-vue-skills/raw/index.md(查看排版版本)