Agent Skills: 页面生成器 (Page Generator Skill)

Must follow when 创建或审查前端页面结构,确保遵循 Anatomy 规范,正确分离 Wrapper、Content 和 Optional Store 模块。触发词:创建页面、页面结构规范、前端页面解剖规范。

UncategorizedID: forge-town/skills/page-best-practice

Install this agent skill to your local

pnpm dlx add-skill https://github.com/forge-town/skills/tree/HEAD/skills/page-best-practice

Skill Files

Browse the full folder contents for page-best-practice.

Download Skill

Loading file tree…

skills/page-best-practice/SKILL.md

Skill Metadata

Name
page-best-practice
Description
Must follow when 创建或审查前端页面结构,确保遵循 Anatomy 规范,正确分离 Wrapper、Content 和 Optional Store 模块。触发词:创建页面、页面结构规范、前端页面解剖规范。

页面生成器 (Page Generator Skill)

使用说明

首先询问用户选择生成模式:

  • 无监督模式:AI 自动推导所有选项,全程无需人工干预
  • 有监督模式:每个关键决策点向用户确认
  1. 参照 ANATOMY.md 了解页面解剖结构规范
  2. 阅读 judgeHasStore.tsjudgeUIComplexity.ts 了解决策逻辑
  3. 严格参照 best-practice-examples/ 中的代码结构
  4. 依次生成:Content → Wrapper → Index(若需 Store 则先触发 store-best-practice)

模板文件: TEMPLATE_WRAPPER.mdTEMPLATE_VIEW.mdTEMPLATE_INDEX.md