SuperAPI AI 工具集

primevue-openprops-architect

前端与建站

查看项目

更新于 10-15 22:13

技能介绍

用途:在编辑 .vue 单文件组件或项目样式表、准备添加 UI 组件/令牌/布局、或校验生成的 Vue 是否符合团队设计系统时使用。

主要能力:强制使用 PrimeVue 组件与项目语义令牌系统;OpenProps 为可选项,需先检测项目是否已使用 open-props 再决定是否套用其规则;复用项目目录中已有的 PrimeVue 组件,不自行发明 props;使用项目 tokens.css / design.md 中的语义 CSS 变量(OpenProps 形式如 var(--surface-1) 或自定义如 var(--brand)),禁止在 .vue / CSS 中散落十六进制颜色。

使用方式:编写 UI 代码前先阅读 context/VOCABULARY.md、context/ANTI_PATTERNS.md、context/PROSE_ANTI_SLOP.md;阅读 heyeddi-design/reference/token-strategy.md 以判断使用 OpenProps 还是自定义 tokens.css。编辑完成后运行 python scripts/validate_vue.py --project-root <root>,并在结束前修复所有报告的问题。从父技能链式调用时,validate_vue.py 默认在 shell 子代理中运行,详见 reference/subagents.md。

脚本:validate_vue.py 会运行 vue-tsc --noEmit,并在已安装时运行 stylelint。

限制:资料未提供具体支持的 PrimeVue 版本、令牌命名规范细节、错误码或性能数据;OpenProps 相关规则仅在项目已使用 open-props 时生效。