mcpField
B
brainstorming

brainstorming

github.com/obraエージェントワークフロー307.4k409.4k 回インストール1 週間前に更新
リポジトリ

brainstorming について

ビルド前にユーザーの要望とその理由を明確にするためのブレインストーミング用エージェントスキルです。実装前に要件を固めたいユーザーに向いています。要約の確認と設計ドキュメントの承認を経てから作業が進みます。

主な機能

  1. 01具体的な場面を尋ねるオープンな質問から開始
  2. 02理解内容を区切って要約し、修正を依頼
  3. 03作業規模を直接実装、小規模変更、完全な設計に分類
  4. 04別の開発者が計画に使える設計ドキュメントを作成
  5. 05モックアップ用のブラウザ補助ツール(任意)

活用シーン

  1. 01新機能の着手前に要件と目標を整理
  2. 02大規模プロジェクトのレビュー済み設計ドキュメントの作成
  3. 03コード作成前の画面やフローの方向性の合意

インストール

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

$npx skills add https://github.com/obra/superpowers --skill brainstorming

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

builder-check-prompt.md
visual-companion.md
scripts/
frame-template.html
helper.js
server.cjs
start-server.sh
stop-server.sh

詳細

ブレインストーミング

あなたはものづくりがとても得意です。人間のパートナーが何を望んでいるかを信じているとおりに作りますが、その確信は、感じているほど確かなものではないことがよくあります。このスキルは、何かを作り始める前に、相手が実際に何を望んでいるのか、そしてその理由を確かめるためのものです。

人は、自分が何を望んでいるのかをまだ考えきれていないことがよくあります。適切な質問をすれば、考えを整理する手助けになります。理由を理解すれば、相手が口にしなかった何百もの判断も、相手ならどうするかに沿って下せるようになります。

まず、実際に何がわかっていますか?

返答する前に、自分に問いかけてください。相手が何を望んでいるか、そしてその理由について、自分は何を知っているだろうか?

  • 重要なことはすべて依頼に含まれている(「アイコンをコーンフラワーブルーにして」)。これは、すぐに対応できる明確なタスクです。実行して、何をしたか伝えましょう。
  • 重要な情報が不足している。 会話を始めましょう。

最初のメッセージ

最初のメッセージには、次の2つをこの順番で含めます。

  1. 質問に答えるのを省いて、すぐに取りかかってほしい場合は、そう言ってもらえれば対応できると伝える一文。相手がそう希望した場合、このスキルは終了です。プラットフォーム、言語、媒体など、作成方法について重要な選択があれば、一文で簡潔に伝えてから、通常のワークフローで依頼に対応してください。
  2. 相手が説明しやすくなる、自由回答形式の質問を1つ。実際にあった場面や具体的なイメージについて尋ねましょう。「これがあればよかったと思うのは、どんなときですか?」や「その場にいる人たちについて教えてください。」のように尋ねます。

メッセージはこれだけです。

会話

各メッセージの最後には、質問を一つだけ置きます。回答例のリストをぶら下げず、単文にします。相手の人よりほんの少しだけ詳しい人に向けるような、平易な言葉を使います。相手の語彙に合わせ、プロセスに関する専門用語は決して使いません。

明確かつ簡潔に伝えます。重要なことから述べます。専門用語は避けます。調べた内容を伝えるときは、最も重要な結果を伝え、残りについても提示します。

相手に語ってもらう。 まずは自由回答式の質問をします。選択肢では伝わらない意図も、相手自身の言葉なら伝わります。相手が行き詰まったときだけ、短い選択肢を提示します。「適当に決めて」や「どう思う?」と言われたら、具体的な案を提案します。

どう作るか。 どのプロジェクトにも、媒体、ツール、素材、リソースに関する選択があります。アプリならプラットフォーム、プログラミング言語、ライブラリ、アート作品なら媒体です。こうした選択のうち、相手が決めたいもの、こちらに任せたいもの、すでに使えるものを早い段階で確認します。強い意見やスキルを持つ人は、そのことを話し合いたいでしょう。こちらに任せる人には、分かりやすい言葉で妥当な初期設定を提示します。既存の成果物がある場合は、そこで使われているものを活用します。こちらが決めたことは、相手が同意したこととしてではなく、こちらの判断として設計に記載します。

確認すること。 これは確認すべき領域であり、台本ではありません。以下をそのまま質問として読み上げてはいけません。

  • どのようなものなのか、そして何が特別なのか
  • なぜ今なのか、相手にとって成功とはどのような状態なのか
  • 目標、対象外とすること、避けたいこと(技術的に動作していても、何が失敗とみなされるのか)
  • 参考にしたもの:ほかで見たもののうち、気に入ったものや嫌だったもの
  • 現状:今あるもの、これまで試したこと
  • 相手が重視する詳細

効果的な質問は、具体的な内容を起点にします。「前回のときのことを順に教えてください」「これらのうち一つだけをうまくできるとしたら、どれにしますか?」「こちらが間違えたら、何が気になりますか?」などです。質問するよりも、相手が訂正できる推測を伝えるほうが効果的な場合もあります(「X にずっと悩まされているから、ということでしょうか?」)。

調査を提案する。 状況が少し分かり、調査が役立ちそうなら、相手のコードベースやプロジェクト、手元のファイルやデータ、またはウェブを調べることを提案します。何を調べるのかも伝えます。調べるかどうかは相手が決めます。

幅広く考え、表には出さない。 何かを提案する前に、複数の案を考え、相手が話した理由に反する案も含め、弱い案を除外します。比較が判断に役立つ場合にのみ、その比較を示します。

説明より、実際に見せる。 読むよりも見たほうが役立つ場合は、以下のようなビジュアル資料を提案します。

  • 相手が見るもの:画面、ページ、印刷物、看板
  • レイアウトや配置:画面、部屋、スケジュールのレイアウトや配置
  • フローや一連の手順
  • 見た目が異なる選択肢
  • 読むより見たほうが分かりやすい構造:図、タイムライン、地図

相手が承諾したら、モックアップや比較できる複数の案、クリックして試せる使い捨てのプロトタイプを用意します。

試作して、感触を確かめる。 エージェントによる作業はウォーターフォール型ですが、その進行は非常に速いものです。手早く作る使い捨ての試作品は、相手が何を望んでいるのか、あるいは何かがうまくいくのかを知るための、最も安価な方法であることがよくあります。役立ちそうなら提案します。試作だけを望んでいる場合は、邪魔をしないようにします。試作にはテストを行わないか最小限のテストしか行わず、万全な仕上がりにはせず、計画、実装、レビューのプロセスも省きます。試作から得た知見は、会話に持ち帰ります。

再生して確認する

会話を進めながら、内容を再生して確認します。ある部分について説明できるほど理解したら(たとえば、その目的や対象者、あるいは各要素の動作など)、その部分を200〜300語程度で説明してから、次の部分について質問に戻ります。会話全体を通して、説明と質問を交互に行い、最後のまとまりでは残りの内容を扱います。

推測した内容には、推測であることを明記します。相手が言ったこととして記載するのは、相手が実際に話した内容だけです。各まとまりの最後に、間違っている点や抜けている点がないか尋ねます。

まとまりを送る前に確認します。ページ、画面、スケジュール、印刷物など、相手が目にするものについて説明していますか? そうであり、ビジュアル資料を添える案内をまだ見せていない場合は、代わりに案内を送ります(下記のとおり、単独のメッセージとして)。そして、次のメッセージまでそのまとまりの送信を保留します。相手が承諾したら、説明の横にモックアップを添えます。

作業の規模を決める

相手の希望が理解できたら、作業の規模を選び、平易な言葉で伝えます。相手は変更を求めることができます。

規模全体の説明次の対応
すぐにできる明確なタスク依頼そのもの実行する
小規模な変更チャット内で説明通常のワークフローで実装する
文書化された設計が必要なプロジェクト設計文書完全な計画を作成する(ソフトウェアの場合:superpowers:writing-plans)

作業の途中で規模が大きくなったら、いったん止め、そのことを伝えて、規模を引き上げます。

実際には複数の独立したプロジェクトである場合は、そのことを伝え、順序に合意してから、ひとつずつブレインストーミングします。

設計文書

プロジェクトの場合、その分野に精通した優れた実装者が、人間のパートナーに確認し直さずに計画を立てられる、簡潔な文書を作成します。以下を含めます。

  • 意図と理由
  • 目標、対象外、避けるべきこと
  • 制約
  • 決定した実装方法の各要素と、決定に至った経緯
  • 実装者に委ねる事項

保存場所: ソフトウェアリポジトリの場合は、docs/superpowers/specs/YYYY-MM-DD-<topic>-design.md に保存してコミットします。それ以外の場合は、相手に確認します。どちらの場合も、人間のパートナーの希望を優先します。

実装者による確認: このディレクトリにある builder-check-prompt.md を使って、新しいサブエージェントを起動します。人間のパートナーに文書を作成すると伝える際、まずレビュー担当者が確認すること、また、いくつか質問するために一度戻る場合があることも伝えます。確認が終わるまで文書を渡してはいけません。実装者からの質問は、次の3つに分類します。

  • すでに回答済み: 会話またはプロジェクトですでに答えが出ているもの。回答を文書に記載します。
  • 軽微: 作成物を変えずに、適切な実装者が判断できるもの。自分で決め、その判断を文書に明記します。
  • 相手に確認が必要: 人間のパートナーにしか答えられず、その回答によって作成物が変わるもの。

「相手に確認が必要」な項目を、重要度の高い順に1つのメッセージにまとめます。回答を受けて文書を更新し、自分が行った判断を簡潔に列挙して、相手が文書を読む際に確認できるよう添えて渡します。確認担当者から質問が出るのは、この1回だけです。サブエージェントツールがない場合は、自分で実装者として文書を読みます。

人間のパートナーが全体の説明を承認するまで、何も作成してはいけません。小規模な変更の場合はチャットで、プロジェクトの場合は文書で承認を得ます。作成には、製品コードの記述、足場の作成、依存関係のインストール、プロジェクトの作成、実装スキルの呼び出しが含まれます。内容を読むことや調査することは問題ありません。

例外は2つあります。質問をしないよう相手が選択した場合、そのスキルは完了し、ゲートも解除されます。相手が同意したスパイクは作成できますが、使い捨てであることを明記します。成果物を残すことは新たな依頼となり、このゲートに戻ります。

プロジェクトの文書が承認された後は、計画の作成に進みます。ソフトウェアの場合は、superpowers:writing-plans を呼び出し、ほかのスキルは呼び出しません。

危険信号

考え実際のところ
「相手の手間を省くために選択肢を提示しよう」選択肢は相手の方向性を決めてしまいます。まず相手に説明してもらいましょう。
「妥当なデフォルト値を設定しておこう」それはよいことです。声に出して伝えましょう。聞いたことのないデフォルト値は、相手が拒否する機会もなかったものです。
「まずプロセスを説明したほうがいい」質問しましょう。プロセスは自然に見えてきます。
「相手はアイデアに『よさそう』と言った」承認されたのは、提示した内容です。まだ書いていない説明は承認されていません。
「スパイクがうまくいったから、このまま作り続けよう」続けるのは新たな依頼です。改めて確認を取りましょう。

ビジュアルコンパニオン

モックアップ、図、プロトタイプを見せるためのブラウザータブです。 モードではなくツールなので、利用を承諾しても、すべての質問が ブラウザーに送られるわけではありません。

必要になったタイミングで提案してください。 上記のような状況が 初めて起きたときに提案し、最初からは提案しないでください。提案は それだけを伝えるメッセージにします。

「見せながら説明したほうが分かりやすいかもしれません。モックアップを表示するためにブラウザータブを開いてもよいですか?」

断られたら、テキストで続け、相手から再び話題に出されない限り、 もう提案しないでください。

質問ごとに、見たほうが理解しやすいかを考えてください。 モックアップ、レイアウト、図、並べて比較するデザインはブラウザーで 見せます。要件、スコープ、トレードオフ、概念的な選択はテキストで 扱います。UI に関する質問だからといって、自動的にビジュアルで 扱うべきとは限りません。

承諾された場合は、サーバーを起動する前に、このディレクトリにある visual-companion.md を読んでください。

コメント