SuperAPI AI 工具集

react-app-dev

前端与建站

查看项目

更新于 10-16 01:59

技能介绍

用途

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 的项目环境。

限制

资料中未提供关于该技能的收费、价格、平台支持范围或效果等方面的信息,暂未提供。