mcpField
P
primevue-openprops-architect

primevue-openprops-architect

github.com/heyeddi-com设计与 UI086 次安装1 天前更新
代码仓库

关于 primevue-openprops-architect

primevue-openprops-architect 是为旧路由保留的兼容技能名称,当前设计系统为 @vue-design-system。它指导在选定基础组件后进行 Vue/CSS 修改,并要求检查项目词汇规范和运行验证。

主要功能

  1. 01解析旧技能引用
  2. 02使用已选定的 Vue 设计基础组件
  3. 03检查词汇规范与反模式
  4. 04运行 Vue 和样式验证

适用场景

  1. 01处理提及旧技能名的提示
  2. 02选定基础组件后编辑 Vue 或 CSS
  3. 03验证 Vue 项目中的修改

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/heyeddi-com/heyeddi-skills --skill primevue-openprops-architect

安装后在 Claude Code 中输入/primevue-openprops-architect确认已加载。

包含的文件

除 SKILL.md 外,安装时一起下载的参考资料和脚本。

manifest.json
context/
ANTI_PATTERNS.md
EXAMPLES.md
PROSE_ANTI_SLOP.md
VOCABULARY.md
reference/
subagents.md
scripts/
_skill_cli.py
validate_vue.py

详细介绍

PrimeVue + 项目令牌(兼容性)

保留此名称是为了让较旧的路由仍能正常解析。设计系统为 @vue-design-system。

  • Shell、抽屉和原生目标:@quasar-foundation
  • 表格、表单、菜单、徽章:@primevue-aura
  • 动效:@motion-physics
  • 颜色:@aura-design-tokens
  • 终端:@cli-interface-design

不要添加 OpenProps、Tailwind、React 或 Bootstrap。如果项目已依赖 open-props,请保留该依赖,并在新界面中仍使用 --app-*。

从父级技能链式调用时,validate_vue.py 默认在 shell 子 Agent 中运行。参见 reference/subagents.md。

适用场景

  • 较旧的提示词提到 @primevue-openprops-architect
  • @vue-design-system 选定基础组件后,编辑 .vue 或 CSS

指令

  1. 阅读 @vue-design-system 和与界面对应的子技能。此文件不会选择组件。
  2. 编写 UI 代码前,阅读 context/VOCABULARY.md 和 context/ANTI_PATTERNS.md。
  3. 编辑完成后,运行 python scripts/validate_vue.py --project-root <root>。
  4. 完成前修复所有报告的问题。

脚本

  • validate_vue.py:运行 vue-tsc --noEmit,并在已安装 stylelint 时运行它

评论

支持 Markdown