page-best-practice
Installation
SKILL.md
页面生成器 (Page Generator Skill)
使用说明
首先询问用户选择生成模式：
- 无监督模式：AI 自动推导所有选项，全程无需人工干预
- 有监督模式：每个关键决策点向用户确认
- 参照 ANATOMY.md 了解页面解剖结构规范
- 阅读 judgeHasStore.ts 和 judgeUIComplexity.ts 了解决策逻辑
- 严格参照 best-practice-examples/ 中的代码结构
- 依次生成：Content → Wrapper → Index（若需 Store 则先触发 store-best-practice）
模板文件： TEMPLATE_WRAPPER.md、TEMPLATE_VIEW.md、TEMPLATE_INDEX.md
Related skills
More from forge-town/skills
svg-icon-best-practice
Must follow when 管理或新增 React TypeScript 项目中的 SVG 图标组件，确保命名、封装方式和导出规范遵循项目标准规范。触发词：svg图标规范、图标组件管理、SVG图标规范审查。
45zod-env-integration
Must follow when 配置类型安全的环境变量管理模块，基于 .env.example 使用 Zod 生成 env schema 和标准化管理工具。触发词：zod环境变量、env类型安全配置、环境变量schema。
38create-skills
Use when 需要创建新技能或更新现有技能，将领域知识、工作流程、脚本和工具集成打包为可复用 Skill；生成的新技能须使用中文编写。触发词：创建新技能、更新skill、新建技能包、扩展AI能力。
35store-best-practice
Must follow when 使用 Zustand 创建或重构状态管理 Store，确保遵循 slice 模式、Provider 设置和类型安全规范。触发词：创建store、zustand规范、状态管理最佳实践、store设计审查。
30service-best-practice
Must follow when 创建或重构 Service 层，基于 tRPC + Service + DAO 架构确保依赖注入、错误处理和业务逻辑分层符合规范。触发词：service规范、创建service层、服务层重构。
29skill-best-practice
Must follow when 创建或修改 Skill 后执行质量验证，涵盖命名、目录结构、元数据完整性、临时文件清理和依赖格式共 16 项检查。触发词：检查skill规范、skill质量验证、技能合规性检查。
27