菜单
Vue2组件类型提示系统 - 为Vue2组件建立完整的类型提示系统，使AI能够准确理解组件的props、events、slots等API。Use when: (1) 为Vue2组件添加JSDoc注释，(2) 创建TypeScript声明文件(.d.ts)，(3) 编写组件使用指南文档(README.md)，(4) AI需要理解Vue2组件的props信息，(5) 生成、修改或调试使用Vue2组件的代码。适用于Vue 2 + JavaScript项目，特别是使用vk-unicloud-admin框架的项目。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/caobingsheng/skills --skill vue2-component-type-system命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | vue2-component-type-system |
| description | Vue2组件类型提示系统 - 为Vue2组件建立完整的类型提示系统，使AI能够准确理解组件的props、events、slots等API。Use when: (1) 为Vue2组件添加JSDoc注释，(2) 创建TypeScript声明文件(.d.ts)，(3) 编写组件使用指南文档(README.md)，(4) AI需要理解Vue2组件的props信息，(5) 生成、修改或调试使用Vue2组件的代码。适用于Vue 2 + JavaScript项目，特别是使用vk-unicloud-admin框架的项目。 |
为Vue2组件建立完整的类型提示系统，通过JSDoc注释 + TypeScript声明文件 + 使用指南文档三层架构，使AI能够准确理解组件API。
当需要为Vue2组件添加类型提示时，按以下顺序操作：
详细模板和示例见下文。
.vue文件 (JSDoc注释) → .d.ts文件 (类型定义) → README.md (使用指南)
↓ ↓ ↓
人类可见 AI准确理解 详细文档
为什么需要三层？
uniCloud-aliyun/database/目录下相关的schema文件，了解数据结构components/types/index.d.ts中添加导出当组件涉及数据库数据时，应参考uniCloud-aliyun/database/目录下的schema文件：
常用Schema文件：
wm-patients.schema.json - 患者信息wm-charge-projects.schema.json - 收费项目wm-history-results.schema.json - 历史结果wm-weight-plan.schema.json - 体重计划wm-components-dynamic.schema.json - 动态组件参考Schema的好处：
AI会自动读取：
AI根据类型信息生成：
完整的JSDoc注释模板和示例，见：JSDOC_TEMPLATE.md
关键要点：
完整的.d.ts文件模板和示例，见：DTS_TEMPLATE.md
关键要点：
完整的README.md模板和示例，见：README_TEMPLATE.md
关键要点：
详细的设计方案和实施计划，见：DESIGN.md
包含：
uniCloud-aliyun/database/下的schema文件A: 强烈建议。三者各有作用：
A: 同步更新三层：
A: 检查：