vue-skills
为Vue.js/Nuxt开发提供AI辅助的最佳实践和可复用组合式函数技能。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：vue-skills。 它的用途是：为Vue.js/Nuxt开发提供AI辅助的最佳实践和可复用组合式函数技能。 完整的 Skill 内容见：https://321skill.com/skills/vue-skills/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘创建一个待办事项应用’，它会自动生成结构清晰的Vue 3代码，包括拆分的组件、使用组合式函数管理的状态，并遵循Vue反应性最佳实践。或者
对AI说：‘帮我创建一个控制元素显示隐藏的可复用组合式函数’，它会生成一个类似VueUse风格、参数灵活的useHidden函数。
介绍
vue-skills 旨在解决开发者在Vue.js或Nuxt项目中，希望AI助手能遵循最佳实践、生成更高质量代码的需求。它通过提供一系列优化过的提示词技能，引导AI在生成代码时自动应用Vue 3/Nuxt 3的现代开发模式、性能优化和可维护性建议，例如拆分组件、使用组合式函数、选择恰当的反应性API等。
使用方式非常简单，通过一行命令即可将技能集添加到你的AI编码助手（如Cursor、Claude等）中。之后，当你在项目中向AI提出开发需求时，这些技能会自动生效，影响AI的代码生成逻辑，使其输出更符合Vue社区规范的代码。
这个技能特别适合希望提升AI辅助开发代码质量的前端或全栈开发者。无论是快速原型开发、重构旧代码，还是学习Vue最佳实践，它都能提供有力支持。
需要注意的是，该项目目前处于实验性阶段，技能可能发生变化。建议在非核心项目或学习环境中先行试用，并欢迎提供反馈以帮助其完善。
核心特点
与通用Vue代码生成技能相比，它深度融合了Vue官方指南和真实生产经验，专门针对Vue 3和Nuxt 3的TypeScript现代技术栈进行了优化，并强调在较低性能的AI模型上也能稳定输出可靠结果。
注意事项
该项目目前处于实验阶段，技能可能不稳定，不适合直接用于对稳定性要求极高的核心生产代码生成。
常见问题
这个技能包和Vue官方有关系吗？
目前是社区项目，非官方出品，但已迁移至Vue AI组织下共同维护。
使用后AI生成的代码质量会有哪些提升？
代码会更模块化（如拆分组件）、更可复用（使用组合式函数）、并采用更合适的反应性API（如shallowRef）。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/vue-skills/raw/index.md 读取 vue-skills 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/vue-skills/raw/index.md（查看排版版本）