关于 react-app-dev
react-app-dev 是用于 VMark 前端开发的技能，遵循 React 19、Zustand v5、Tailwind v4 和 shadcn/ui 约定，涵盖代码结构、状态访问、功能边界与测试。
主要功能
- 01遵循 VMark 前端约定
- 02使用选择器而非解构状态仓库
- 03代码文件控制在约 300 行
- 04优先保持功能边界局部化
- 05按需更新测试并运行检查
适用场景
- 01实现 VMark 的 React 前端改动
- 02整理组件、钩子、状态仓库和插件
- 03为新增行为编写相应测试
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/react-app-dev确认已加载。
附带文件references/paths.mdscripts/scan_react_usage.sh
详细介绍
React 应用开发（VMark）
概述
遵循 React 19 + Zustand v5 + Tailwind v4 + shadcn/ui 的 VMark 前端规范。
工作流
- 编辑前先阅读相关文件（组件、hooks、stores、plugins）。
- 遵循
AGENTS.md中的 VMark 规则（不要解构 store；使用选择器）。 - 将代码文件控制在约 300 行以内；需要时拆分。
- 优先划分本地功能边界；避免跨功能导入。
- 新增行为时更新测试，并在有要求时运行
pnpm check:all。
参考资料
- 常见源代码位置和扫描方式见
references/paths.md。 - 文档索引：
dev-docs/README.md。
评论
支持 Markdown