B2B サイトの戦略・情報設計。価値提案・メッセージマップ・ジャーニー導線・意思決定マップ・信頼棚卸・トーン/禁止表現まで一気通貫でテンプレ化する。実装前フェーズ専用(全PJ共通)。
site-build-orchestrator
LP・コーポレート・サービスページのサイト制作(全PJ共通)。Skill + Subagent で Phase 委譲。戦略→設計→(計画承認)→実装→監査→E2E(Playwright / MCP)。
実行スコア 未検証
インストール方法を見る含まれるファイル(1)
- SKILL.md6.1 KB
SKILL.md(原文)
インストールする前に、エージェントに与えられる指示の中身を確認できます。
Site Build Orchestrator(ユーザー共通)
When to Use
- ユーザーが LP / コーポレート / サービスページ / ランディングの新規・刷新を依頼したとき
- Use proactively: Agent はサイト系の依頼で まず本 SKILL を Read し、続けて Subagent 委譲を検討する
本 Skill・Subagent は ~/.cursor/skills/(および ~/.cursor/superpowers/skills/ の process 系)と ~/.cursor/agents/ を参照し、どのワークスペースでも利用可能。
Skill パス解決(Read 前に必ず適用)
<workspace>/.cursor/skills/<dir>/SKILL.md~/.cursor/skills/<dir>/SKILL.md~/.cursor/superpowers/skills/<dir>/SKILL.md
以下の <dir> はすべてこの順で解決する(表記の ~/.cursor/skills/ は「ユーザ側の主たる置き場」の意味で、2 が無ければ 3)。
<SUBAGENT-STOP>
親エージェントは 本 SKILL を Read したうえで、Phase に応じて ~/.cursor/agents/ の Subagent へ Task 委譲する。渡すプロンプトに必ず含める: (1) ワークスペースルート (2) docs/site のパス(または project-slug サブフォルダ) (3) ユーザーが述べた目的 1 文 (4) いま何 Phase か。
サブエージェント定義の全文を貼り付けず、役割名 + 上記コンテキストでよい。
</SUBAGENT-STOP>
グローバル Subagent(全PJ・正本 ~/.cursor/agents/)
| Phase | Subagent ファイル | slash 例 | 役割 |
|---|---|---|---|
| 0–3 設計のみ | site-design-planner.md | /site-design-planner | docs/site/* のみ編集。実装禁止。 |
| 4 実装 | site-frontend-implementer.md | /site-frontend-implementer | 計画承認 後のみ。docs/site を真実としてコード化。 |
| 5 監査 | site-quality-auditor.md | /site-quality-auditor | 読み取り中心。review-* SKILL と突合。 |
| E2E | site-e2e-runner.md | /site-e2e-runner | E2E実行 または実装直後。Playwright CLI + 任意で MCP user-playwright。 |
委譲の流れ(Orchestrator pattern)
- 親 Agent: 本 SKILL を Read →
/site-design-plannerに 目的・ルート・slug を渡す。 - ユーザーが
計画承認と返すまで Phase 4 に進めない。 /site-frontend-implementer(計画承認済みを明示)。/site-quality-auditorで監査(ルールのレビューラウンドに従う)。- ユーザーが
E2E実行したとき(または実装・監査後に E2E を任せるとき)/site-e2e-runner。手順の正本は~/.cursor/skills/site-e2e-playwright/SKILL.md。
親が Subagent を使わない場合でも、Phase 順とゲートは本 SKILL に従う。
成果物テンプレ(初回のみ)
- 正本:
~/.cursor/templates/docs-site/ - 作業リポ:
mkdir -p docs/site && cp -R ~/.cursor/templates/docs-site/* docs/site/
絶対ゲート(ルールの優先順)
- ワークスペースに
.cursor/rules/agent-workflow.mdcがあれば 最優先。なければ~/.cursor/rules/global-agent-workflow.mdc。 計画承認があるまで Phase 4(実装)に進めない。計画承認後は 設計完了 → テスト実装 → プロダクト実装 → 静的 → 自動テスト を短縮しない(ルールファイルのゲート順)。- レビュー SKILL: ワークスペース
.cursor/skills/review-*を優先、無ければ~/.cursor/skills/review-*。 - E2E:
docs/site/e2e-scenarios.mdに沿い、~/.cursor/skills/site-e2e-playwright/SKILL.mdを参照。CLI 優先、補助として MCPuser-playwright。ユーザーのE2E実行で Phase E2E 開始。
成果物(プロジェクトルート相対)
| ファイル | 役割 |
|---|---|
docs/site/PRD.md | 目的・スコープ・成功指標 |
docs/site/ia-decision-map.md | 戦略・IA・意思決定マップ |
docs/site/section-copy.md | コピー・CTA |
docs/site/ui-brief.md | UI / Motion / Tailwind |
docs/site/e2e-scenarios.md | 受け入れ・E2E(Playwright / MCP 対応表を書く) |
Phase 0 — 目的の固定
(site-design-planner)目的 1 文、docs/site 初期化。
Phase 1 — 戦略・IA
Read:~/.cursor/skills/b2b-site-strategy-and-ia/SKILL.mddocs/site/PRD.md,docs/site/ia-decision-map.md
Phase 2 — コピー・UI ブリーフ
Read:~/.cursor/skills/shadcn-motion-ui-brief/SKILL.md,~/.cursor/skills/tailwind-product-ui-conventions/SKILL.mddocs/site/section-copy.md,docs/site/ui-brief.md
Phase 3 — テスト指示
- 任意で
Read:writing-plansとsite-e2e-playwright(上記「Skill パス解決」。writing-plansは多くの環境でsuperpowers側のみ) docs/site/e2e-scenarios.md→ ユーザー確認 →計画承認を待つ
Phase 4 — 実装
- 任意で
Read:test-driven-development(パス解決同上。未 clone の場合は~/.cursor/superpowersをgit cloneするか、リポに TDD 方針を別途書く) docs/site/*に従い実装(site-frontend-implementer)。Playwright スペックはe2e-scenarios.mdと突き合わせて追加・更新する。
Phase 5 — 監査
site-quality-auditor。コア 4 +review-frontend+ 任意でreview-test(E2E 変更時)。
Phase E2E — Playwright / MCP
- ユーザー
E2E実行または親の委譲で/site-e2e-runner。 Read必須:~/.cursor/skills/site-e2e-playwright/SKILL.md
参考
レビュー
まだレビューはありません。使ってみた感想をお寄せください。
コメント
ログインなしで書き込めます。使ってみた感想、質問、動かなかった環境などを気軽にどうぞ。
まだコメントはありません。最初のコメントを書いてみませんか。
同じリポジトリのスキル
babysit
無料Keep a PR merge-ready by triaging comments, resolving clear conflicts, and fixing CI in a loop.
日本語の概要は準備中です。原文の説明を表示しています。
法人向けHTMLプレゼンスライドの実装エンジン。Claude Codeから指示書(アウトライン+テンプレート指定+カラー+コンテンツ)を受け取り、単一HTMLファイルとして実装する。43種テンプレート+14種アニメーション。トリガー:プレゼン実装、スライドHTML生成、提案資料コーディング。
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
日本語の概要は準備中です。原文の説明を表示しています。
canvas
無料A Cursor Canvas is a live React app that the user can open beside the chat. You MUST use a canvas when the agent produces a standalone analytical artifact — quantitative analyses, billing investigations, security audits, architecture reviews, data-heavy content, timelines, charts, tables, interactive explorations, repeatable tools, or any response that benefits from visual layout. Especially prefer a canvas when presenting results from MCP tools (Datadog, Databricks, Linear, Sentry, Slack, etc.) where the data is the deliverable — render it in a rich canvas rather than dumping it into a markdown table or code block. If you catch yourself about to write a markdown table, stop and use a canvas instead. You MUST also read this skill whenever you create, edit, or debug any .canvas.tsx file.
日本語の概要は準備中です。原文の説明を表示しています。
Authors Cursor Rules (.cursor/rules/*.mdc) and custom Subagents (.cursor/agents/*.md or ~/.cursor/agents). Use when creating or refactoring rules/subagents, splitting large rules, choosing subagent vs skill, setting model/readonly/background, or replacing repeated delegation prompts.
日本語の概要は準備中です。原文の説明を表示しています。