SuperAPI AI 工具集

vue-best-practices

前端与建站

查看项目

更新于 10-15 20:05

技能介绍

用途:在编写、审查或重构 Vue 3 / Vue.js 组件时,按规则文件应用 TypeScript 与 Volar 相关最佳实践,确保类型正确。

主要能力:根据任务关键词从规则索引中定位对应规则文件,并据此实现、审查或重构组件代码;覆盖如从导入组件中提取 props 等场景,示例中使用 vue-component-type-helpers 的 ComponentProps 辅助类型来提取并扩展 props;完成后校验 Volar 与 vue-tsc 类型检查要求是否满足。

使用方式:执行 $ARGUMENTS 中描述的 Vue 3 / TypeScript 任务。若 $ARGUMENTS 为空,则报错并要求提供 Vue 组件任务描述。随后读取 $SKILL_DIR/references/RULES_INDEX.md,按任务关键词找到相关规则文件,再读取 $SKILL_DIR/rules/<rule-file.md> 中适用于当前场景的具体规则,按其中最佳实践实现、审查或重构代码,并验证类型检查要求。输出为应用了具体最佳实践的修改或审查后的 Vue 代码,并附简要说明所应用的规则。

适用场景:Vue 3 与 TypeScript 项目中的组件编写、代码审查、重构与类型修正。

限制:若应用规则后类型错误仍存在,需参考 rules/volar-3-breaking-changes.md 以确认与近期 Volar 更新的兼容性。其余功能、收费、平台与效果信息暂未提供。