mcpField
P
page-best-practice

page-best-practice

github.com/forge-townDevelopment742 installsUpdated 8w ago
Repository

About page-best-practice

A page-generation skill for AI agents that guides page structure and decisions through a choice of supervised or unsupervised mode.

Key features

  1. 01Supervised and unsupervised generation modes
  2. 02References page anatomy and decision logic
  3. 03Generates Content, Wrapper, then Index
  4. 04Uses templates and example code structures

Use cases

  1. 01Generating a page with AI-driven decisions
  2. 02Confirming key design choices during page creation
  3. 03Building pages that require a Store

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/forge-town/skills --skill page-best-practice

After installing, type/page-best-practicein Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

best-practice-examples/simple-no-store/
index.ts
SimpleNoStorePage.tsx
SimpleNoStorePageContent.tsx
best-practice-examples/standard-with-store/
index.ts
StandardWithStorePage.tsx
StandardWithStorePageContent.tsx
best-practice-examples/standard-with-store/_store/
README.md
references/
ANATOMY.md
checklist.md
judgeHasStore.ts
judgeUIComplexity.ts
schema.ts
TEMPLATE_INDEX.md
TEMPLATE_VIEW.md
TEMPLATE_WRAPPER.md

Details

From the project README

页面生成器 (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

Comments

Markdown supported