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 中使用
這個 Skill 的原始碼在哪？
https://github.com/rjs/shaping-skills