breadboarding
✓ワークフローの説明を、UI とコードのアフォーダンスとその配線を示すアフォーダンス テーブルに変換します。既存のシステムをマッピングしたり、成形部品から新しいシステムを設計したりするために使用します。
SKILL.md
Breadboarding transforms a workflow description into a complete map of affordances and their relationships. The output is always a set of tables showing numbered UI and Code affordances with their Wires Out and Returns To relationships. The tables are the truth. Mermaid diagrams are optional visualizations for humans.
You don't understand how an existing system works in its concrete details. You have a workflow you're trying to understand — explaining how something happens or why something doesn't happen.
Note: If the workflow spans multiple applications (frontend + backend), create ONE breadboard that tells the full story. Label places to show which system they belong to.
ワークフローの説明を、UI とコードのアフォーダンスとその配線を示すアフォーダンス テーブルに変換します。既存のシステムをマッピングしたり、成形部品から新しいシステムを設計したりするために使用します。 ソース: rjs/shaping-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/rjs/shaping-skills --skill breadboarding- カテゴリ
- *クリエイティブ
- 認証済み
- ✓
- 初回登録
- 2026-02-10
- 更新日
- 2026-02-18
クイックアンサー
breadboarding とは？
ワークフローの説明を、UI とコードのアフォーダンスとその配線を示すアフォーダンス テーブルに変換します。既存のシステムをマッピングしたり、成形部品から新しいシステムを設計したりするために使用します。 ソース: rjs/shaping-skills。
breadboarding のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/rjs/shaping-skills --skill breadboarding インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/rjs/shaping-skills