/ ディレクトリ / プレイグラウンド / design-cognition-skill
● コミュニティ S0ulFood ⚡ 即起動

design-cognition-skill

作者 S0ulFood · S0ulFood/design-cognition-skill

Claude Code向けの4ロール・デザインシンキングフレームワーク(Strategist、Researcher、Executor、Critic)— プロダクトデザインに限らず、あらゆる領域で活用できます。

ドメインを問わないデザインシンキングスキルです。Claudeが4つのロールを順番に担います:Strategist(何が重要か)、Researcher(何が事実か)、Executor(何を作るか)、Critic(何が問題か)。機能設計、文章執筆、アーキテクチャ、ロードマップなど、あらゆる重要な意思決定に役立ちます。

なぜ使うのか

主な機能

ライブデモ

実際の動作

design-cognition-skill.replay ▶ 準備完了
0/0

インストール

クライアントを選択

~/Library/Application Support/Claude/claude_desktop_config.json  · Windows: %APPDATA%\Claude\claude_desktop_config.json
{
  "mcpServers": {
    "design-cognition-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/S0ulFood/design-cognition-skill",
        "~/.claude/skills/design-cognition-skill"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop → Settings → Developer → Edit Config を開く。保存後、アプリを再起動。

~/.cursor/mcp.json · .cursor/mcp.json
{
  "mcpServers": {
    "design-cognition-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/S0ulFood/design-cognition-skill",
        "~/.claude/skills/design-cognition-skill"
      ],
      "_inferred": true
    }
  }
}

Cursor は Claude Desktop と同じ mcpServers スキーマを使用。プロジェクト設定はグローバルより優先。

VS Code → Cline → MCP Servers → Edit
{
  "mcpServers": {
    "design-cognition-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/S0ulFood/design-cognition-skill",
        "~/.claude/skills/design-cognition-skill"
      ],
      "_inferred": true
    }
  }
}

Cline サイドバーの MCP Servers アイコンをクリックし、"Edit Configuration" を選択。

~/.codeium/windsurf/mcp_config.json
{
  "mcpServers": {
    "design-cognition-skill": {
      "command": "git",
      "args": [
        "clone",
        "https://github.com/S0ulFood/design-cognition-skill",
        "~/.claude/skills/design-cognition-skill"
      ],
      "_inferred": true
    }
  }
}

Claude Desktop と同じ形式。Windsurf を再起動して反映。

~/.continue/config.json
{
  "mcpServers": [
    {
      "name": "design-cognition-skill",
      "command": "git",
      "args": [
        "clone",
        "https://github.com/S0ulFood/design-cognition-skill",
        "~/.claude/skills/design-cognition-skill"
      ]
    }
  ]
}

Continue はマップではなくサーバーオブジェクトの配列を使用。

~/.config/zed/settings.json
{
  "context_servers": {
    "design-cognition-skill": {
      "command": {
        "path": "git",
        "args": [
          "clone",
          "https://github.com/S0ulFood/design-cognition-skill",
          "~/.claude/skills/design-cognition-skill"
        ]
      }
    }
  }
}

context_servers に追加。保存時に Zed がホットリロード。

claude mcp add design-cognition-skill -- git clone https://github.com/S0ulFood/design-cognition-skill ~/.claude/skills/design-cognition-skill

ワンライナー。claude mcp list で確認、claude mcp remove で削除。

ユースケース

実用的な使い方: design-cognition-skill

機能をリリースすべきか、どのようにリリースするかを判断する

👤 プロダクトマネージャー、創業者 ⏱ ~60 min intermediate

使うタイミング: ある機能の是非を検討中で、チーム内の意見が割れているとき。

前提条件
  • スキルのインストール — git clone https://github.com/S0ulFood/design-cognition-skill ~/.claude/skills/design-cognition-skill
フロー
  1. Strategist
    Use design-cognition-skill. Strategist role: should we build [feature]? What are the strategic tradeoffs?✓ コピーしました
    → 戦略的フレーミング — 単なるメリット・デメリットではなく、掲げた目標に対するトレードオフ
  2. Researcher
    Researcher role: what's known from our data, users, competitors?✓ コピーしました
    → エビデンスの要約と不足している情報の指摘
  3. Executor
    Executor role: if we build it, what's the smallest valuable version?✓ コピーしました
    → 具体的なMVPの定義
  4. Critic
    Critic role: what's wrong with this plan? Be harsh.✓ コピーしました
    → 一般的なリスク指摘ではなく、具体的な反論

結果: 結論だけでなく思考過程を示した、チームに共有できる意思決定ドキュメント。

注意点
  • ロール同士の境界が曖昧になる — 各ロールを個別のプロンプトで実行する。4つを一度にまとめて依頼しないこと
組み合わせ: filesystem

エッセーの下書きに4種類のフィードバックを得る

👤 ライター ⏱ ~20 min beginner

使うタイミング: 「いいんじゃない」程度の感想や校正以上のフィードバックが必要なとき。

フロー
  1. 下書きに対して各ロールを実行
    Use design-cognition-skill on my essay. Strategist (is the point worth making?), Researcher (are claims defensible?), Executor (is the structure tight?), Critic (what would a hostile reader attack?).✓ コピーしました
    → 4つの異なる視点からの批評

結果: 友人は言ってくれないが、優れた編集者なら指摘するようなフィードバック。

組み合わせ

他のMCPと組み合わせて10倍の力を

design-cognition-skill + filesystem

各ロールの出力を個別のドキュメントとして保存する

Save outputs to decision/<topic>/<role>.md for each role.✓ コピーしました
design-cognition-skill + infinite-gratitude-skill

マルチエージェントリサーチで広く調査し、本スキルで深く分析する

Use infinite-gratitude for discovery, then design-cognition for the final decision doc.✓ コピーしました

ツール

このMCPが提供する機能

ツール入力呼び出すタイミングコスト
strategist question 何が重要かを明らかにしたいとき 0
researcher question + context 何が事実かを確認したいとき 0
executor direction 何を作るかを具体化したいとき 0
critic plan or artifact 何が問題かを洗い出したいとき 0

コストと制限

運用コスト

APIクォータ
なし
呼び出しあたりのトークン
中程度 — 4ロール各々が相応のトークンを消費
金額
無料
ヒント
1つの視点だけ必要な場合は、単一ロールを個別に呼び出してください。

セキュリティ

権限、シークレット、影響範囲

認証情報の保管: なし
データ送信先: スキルからのデータ送出なし

トラブルシューティング

よくあるエラーと対処法

Criticが甘すぎる

敵対的なフレーミングを指示する — 例:「厳しいVCならどこを攻撃するか」

各ロールが同じ内容を出力する

4つの個別プロンプトに分け、各ロールを明示的に指定する

代替案

design-cognition-skill 他との比較

代替案代わりに使う場面トレードオフ
Single prompt asking for 'pros and cons'手早く感触を掴みたいとき構造がなく、難しい問いを飛ばしがち
planning-with-files-skill長期プロジェクトでセッションをまたいだ永続性が必要なとき意思決定フレームワークではない

その他

リソース

📖 GitHub の公式 README を読む

🐙 オープンな issue を見る

🔍 400以上のMCPサーバーとSkillsを見る