mcpField
P
page-best-practice

page-best-practice

github.com/forge-town開発742 回インストール8 週間前に更新
リポジトリ

page-best-practice について

AI エージェント向けのページ生成スキルです。教師あり・教師なしのモードを選び、規約に沿った構造と判断を案内します。

主な機能

  1. 01教師あり・教師なしの生成モード
  2. 02ページ構造と判断ロジックの参照
  3. 03Content、Wrapper、Index の順に生成
  4. 04テンプレートとコード例に準拠

活用シーン

  1. 01AI の判断によるページ生成
  2. 02ページ作成時の重要な選択の確認
  3. 03Store が必要なページの生成

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/page-best-practiceを入力して読み込まれたか確認します。

同梱ファイル

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

README(原文)English

プロジェクトの README より

この 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

コメント