用途
React App Dev (VMark) 用于在 VMark 项目中实现或修改 React 用户界面,帮助开发者按照该项目已有的前端约定进行开发。它针对的具体技术栈为 React 19、Zustand v5、Tailwind v4 和 shadcn/ui,适用于组件、hooks、stores 以及 UI 行为相关的工作。
主要能力
该技能覆盖 VMark 前端开发的规范与流程,包括以下几方面:
- 在编辑前先阅读相关文件,涉及 components、hooks、stores、plugins。
- 遵循 AGENTS.md 中的 VMark 规则,例如不使用 store 解构,而是使用 selectors。
- 将代码文件保持在约 300 行以内,必要时进行拆分。
- 优先考虑本地功能边界,避免跨功能引用。
- 为新行为更新测试,并在被要求时运行 pnpm check:all。
使用方式
技能中提供了参考资料以辅助开发:
- references/paths.md:用于常见源码位置与扫描。
- 文档地图:dev-docs/README.md。
开发流程上,先阅读相关文件(组件、hooks、stores、插件),再依照 AGENTS.md 的规则进行编辑,同时注意文件规模、功能边界与测试更新。
适用场景
适用于需要遵循 VMark 前端约定来编写组件、hooks、stores 或调整 UI 行为的开发任务,尤其是使用 React 19、Zustand v5、Tailwind v4 和 shadcn/ui 的项目环境。
限制
资料中未提供关于该技能的收费、价格、平台支持范围或效果等方面的信息,暂未提供。