Communitygithub.com

Luijaa/web-template

新しいシステムや大規模な機能を、コードを書く前に設計します。ラウンド形式でのインタビュー、docs/design/<slug>.md のテンプレートからの作成、ADR、用語集、make docs-check の実行、ドキュメントのみのPRを作成し承認を得ます。設計を依頼された場合や、/new-feature で機能が大規模と判断された場合に使用します。

web-template とは?

このスキルは、大規模な機能や新しいシステムの設計プロセスを構造化し、コード作成前にドキュメント駆動の設計レビューを可能にします。`docs/design-process.md` を中心としたワークフローで、設計の必要性判断から、ラウンド形式のインタビュー、ADR(Architecture Decision Records)の作成、C4図の更新、`make docs-check` による自動チェック、そしてドキュメントのみのPR作成と承認までをカバーします。主に Claude Code や Cursor などの AI エージェント向けに設計されており、設計プロセスを透明で追跡可能にし、大規模な設計判断をチームで合意するのに役立ちます。エピック単位で設計ブランチを作成し、ラウンドごとに設計ドキュメント、CONTEXT.md、ADR、アーキテクチャ図を段階的に更新しながら、承認ポイントで人間の判断を仰ぎます。最終的にドキュメントのみのPRをマージした後、設計に基づいて小さなイシューに分割し、`new-feature` スキルで実装を開始します。

対応~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Luijaa/web-template/tree/HEAD/.agents/skills/design

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

設計: $ARGUMENTS

docs/design-process.md のすべての手順に従ってください。このファイルがルールです。このスキルはワークフローの順序を定義するだけであり、矛盾がある場合は docs/design-process.md を優先します。

  1. 設計が必要かどうか — docs/design-process.md のセクション1の表と比較します。
    • 不要な場合:理由を1行で説明し、new-feature に戻ります。
    • 不明な場合:まず人間に質問します。
  2. 開始 (セクション3.0): epic issue (ラベル design) を作成し、ブランチ docs/<id>-design-<slug> を切り、docs/design/template.md を docs/design/<slug>.md (system.md または <epic番号>-<slug>.md) にコピーし、status: draft を設定して、docs/design/README.md に行を追加します。
  3. 質問前に読む: CONTEXT.md、docs/adr/、docs/architecture.md、docs/design/ 内の他の設計ドキュメント — 自分で見つけられる事実は自分で見つけ、質問してはいけません。
  4. ラウンド形式でインタビュー (セクション3.1) 形式 Qn — トピック: 質問 + 提案: … を各項目に、各ラウンドに1~2件のエッジケースを含めます — 分岐A~H (セクション3.2) をすべて網羅し、承認ポイント1、2 (システム)、3で人間の入力を待ちます。
  5. 各ラウンド後にファイルを更新: 設計ファイル内のセクション、CONTEXT.md の新しい用語、docs/adr/ 内の proposed 状態のADR (+インデックス)、コンテナ/外部システムが変更された場合は docs/architecture.md 内のC4図を更新します。
  6. チェック (セクション3.3): make docs-check を実行してパスする必要があります (リポジトリにMakefileがない場合: python3 <web-templateのパス>/scripts/check-docs.py <repo> — Hermesチーム: /home/opc/projects/web-template) さらに、自分でチェックリストを確認し、status: proposed を設定します。
  7. ドキュメントのみのPR: docs(design): <slug>、本文に Refs #<epic>、未解決の選択肢の概要、## CHANGELOG セクションには - のみを含めます — コードを含めず、マージもしないでください。
  8. 承認 (セクション3.4): 人間が承認したら、同じPR内で status: approved + approved-by をコミットし、ADRを accepted に設定します (make docs-check はパスする必要があります)。その後、人間にマージしてもらいます。
  9. マージ後 (セクション3.5): セクション13に従ってサブイシューを1つずつ作成し、各イシューはepicと設計ファイルにリンクします — コード作業は new-feature で開始します。

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

関連スキル