《时间静止的学园》：当青春定格，爱恋是否依旧？
github地址https://github.com/vuejs-ai/skills/blob/main/README.md文档概述vue-skills 是一个为 Vue 3 开发提供 AI Agent Skills 的项目帮助 AI 更好地理解和编写 Vue 3 代码。
核心要点
项目定位早期实验性/社区项目为 AI 代理提供专门的 Vue 3 开发技能基于实际问题提炼可能不完整
安装方式方式一使用 npxnpx skills add vuejs-ai/skillsnpx skillsaddvuejs-ai/skills方式二Claude Code Marketplace# 添加市场/plugin marketplaceaddvuejs-ai/skills# 安装单个技能/plugininstallcreate-adaptable-composablevue-skills# 安装多个技能/plugininstallcreate-adaptable-composablevue-skills vue-best-practicesvue-skills vue-development-guidesvue-skills
3.
使用方法在提示词前加上 use vue skillUse vue skill,你的提示词这样可确保 AI 遵循文档中的模式。
可用的 SkillsSkill适用场景说明vue-best-practicesVue 3 Composition API TypeScript最佳实践、常见陷阱、SSR 指导、性能优化vue-options-api-best-practicesOptions API (data(), methods)this 上下文、生命周期、Options API 的 TypeScriptvue-router-best-practicesVue Router 4导航守卫、路由参数、路由组件生命周期vue-pinia-best-practicesPinia 状态管理Store 设置、响应式、状态模式vue-testing-best-practices组件或 E2E 测试Vitest、Vue Test Utils、Playwrightvue-jsx-best-practicesVue 中的 JSX与 React JSX 的语法差异vue-development-guides构建 Vue/Nuxt 项目组件拆分、数据流、核心原则vue-debug-guides调试 Vue 3 问题运行时错误、警告、异步错误处理、水合问题create-adaptable-composable创建可复用的 composablesMaybeRef/MaybeRefOrGetter 输入模式
示例效果文档展示了两个示例Todo App 示例代码更易读组件拆分状态移至 composables使用 shallowRef 处理原始响应式数据useHidden Composable 示例使用 MaybeRef 和 MaybeRefOrGetter 提升灵活性
方法论Skills 分为两类Capability能力型AI 无法在没有技能的情况下解决问题版本特定问题、未记录的行为等Efficiency效率型AI 可以解决但不够好提供最佳模式和实践
验证流程通过自动化评估验证基线测试不使用技能使用技能测试只有在技能能解决原本无法解决的问题时才保留各技能详细使用场景
vue-best-practices适用场景使用 Composition API script setup需要 TypeScript 支持需要 SSR 指导性能优化包含内容ref() vs reactive() 的选择defineModel() 的使用你已在使用Props 类型定义和校验Composables 的最佳实践响应式陷阱和解决方案
vue-development-guides适用场景构建 Vue 组件库组件拆分和组织数据流设计核心开发原则包含内容组件拆分策略状态管理模式组件通信方式代码组织结构
create-adaptable-composable适用场景创建可复用的 composables需要灵活的响应式参数包含内容MaybeRef / MaybeRefOrGetter 模式让 composables 同时接受 ref 和普通值
vue-debug-guides适用场景运行时错误排查响应式问题调试异步错误处理水合hydration问题
vue-options-api-best-practices项目使用 Options API
vue-router-best-practices项目中使用 Vue Router
vue-pinia-best-practices项目中使用 Pinia
vue-testing-best-practices适用场景编写组件测试E2E 测试
vue-jsx-best-practices项目使用 JSX如何安装特定技能
曾医生17分析视频免费观看-曾医生17分析视频免费观看应用
