Page Best Practice

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

tomevault-io Updated

File contents

页面生成器 (Page Generator Skill)

使用说明

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

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

模板文件: TEMPLATE_WRAPPER.md、TEMPLATE_VIEW.md、TEMPLATE_INDEX.md


Converted and distributed by TomeVault — claim your Tome and manage your conversions.

tomevault-io/skills-registry/tree/main/forge-town--skills--page-best-practice commit 9bae234889

Frequently asked questions

npx skillmds@latest add tomevault-io/page-best-practice