page-generator
Installation
SKILL.md
页面生成器 (Page Generator Skill)
任务目标
- 本 Skill 用于:在
apps/web/src/pages目录下快速生成符合项目架构规范的新页面。 - 核心理念:架构先行。先生成符合规范的代码骨架(脚手架),再由开发者或 AI 填充业务逻辑。
- 触发条件:当用户要求“创建新页面”、“增加路由页面”或“生成页面脚手架”时。
生成模式 (Generation Modes)
本 Skill 支持两种生成模式,用户可在开始时选择:
无监督生成 (Unsupervised)
- 适用场景:Anatomy 规范足够完备,AI 可自动推导完整结构。
- 特点:全自动运行,无需人工干预。
- 流程:直接使用 judgeHasStore.ts 的逻辑判断所有选项,生成完整结构。
有监督生成 (Supervised)
- 适用场景:存在选项判断的不确定性,需要人工确认。
- 特点:在关键节点(如是否需要 Store)提问确认,AI 提供推荐但由用户决策。
Related skills
More from forge-town/skills
svg-icon-best-practice
Must follow when 管理或新增 React TypeScript 项目中的 SVG 图标组件,确保命名、封装方式和导出规范遵循项目标准规范。触发词:svg图标规范、图标组件管理、SVG图标规范审查。
47create-skills
Use when 需要创建新技能或更新现有技能,将领域知识、工作流程、脚本和工具集成打包为可复用 Skill;生成的新技能须使用中文编写。触发词:创建新技能、更新skill、新建技能包、扩展AI能力。
42zod-env-integration
Must follow when 配置类型安全的环境变量管理模块,基于 .env.example 使用 Zod 生成 env schema 和标准化管理工具。触发词:zod环境变量、env类型安全配置、环境变量schema。
38page-best-practice
Must follow when 创建或审查前端页面结构,确保遵循 Anatomy 规范,正确分离 Wrapper、Content 和 Optional Store 模块。触发词:创建页面、页面结构规范、前端页面解剖规范。
32store-best-practice
Must follow when 使用 Zustand 创建或重构状态管理 Store,确保遵循 slice 模式、Provider 设置和类型安全规范。触发词:创建store、zustand规范、状态管理最佳实践、store设计审查。
30service-best-practice
Must follow when 创建或重构 Service 层,基于 tRPC + Service + DAO 架构确保依赖注入、错误处理和业务逻辑分层符合规范。触发词:service规范、创建service层、服务层重构。
29