Superpowersで設計から検証まで

Jesse Vincentが公開しているSuperpowersは、コーディングエージェント向けに、設計・実装・検証のスキルをまとめたプラグインです。機能追加では、まず必要な動作を決め、設計を実装計画に落とし込み、作業に応じたスキルを使います。Superpowersの公式リポジトリ

01インストールする

Codexアプリでは「Plugins」でSuperpowersを探して追加します。Codex CLIでは /plugins を開いて同じ名前を検索します。Claude Codeでは、次のコマンドで公式マーケットプレイスからインストールできます。使うアプリごとに導入します。公式のインストール手順

/plugin install superpowers@claude-plugins-official

02既存の動作が分かる機能から試す

たとえば、検索結果が0件のときの画面を改善するとします。次のように依頼すると、設計で決めることと、実装で維持する条件が見えてきます。

検索結果が0件のときに、検索語を消すボタンを追加したいです。
ステータスの絞り込みは維持し、キーボードでも操作できるようにしてください。
まず現在の動作を読み、設計の選択肢を提案してください。

%% 検索結果が0件の画面を設計して検証する流れ
flowchart TD
  A["現在の動作を確認"]
  A --> B["ボタンの位置とフォーカス先を決める"]
  B --> C["絞り込みを維持して実装"]
  C --> D["キーボードで操作を確認"]

1. 1ブレインストーミングで、ボタンの位置と操作後のフォーカス先を決めます。
2. 2実装計画に、絞り込みが維持されることとキーボードで操作できることの確認手順を書きます。
3. 3実装後に、テスト結果を読むか、ブラウザーで実際の動作を再現します。

03Ponytailと一緒に使うなら

Superpowersは設計から検証までの手順を組み立てます。Ponytailはその中で、既存のコンポーネントを使うなど、変更を小さくできる箇所を探します。文言の修正は作業に見合う手順に絞り、再現が難しい不具合ではsystematic debuggingから始めるといった使い分けができます。Superpowersの基本手順