breadboarding

To map UI and code affordances from a workflow description, provide the text to generate structured tables and optional Mermaid diagrams. This process enforces disciplined wiring, containment, and data flow for traceable system designs.

Breadboarding in system architecture design is a technique that converts a plain workflow description into a structured map of user-interface and code-level affordances. It exposes relationships and constraints to enable clear design and team communication.

Yes, you can generate Mermaid diagrams for system design automatically by inputting your workflow description. The skill produces optional Mermaid diagrams for visual storytelling alongside structured UI and code affordance tables to map relationships.

You can map an existing system's UI affordances and constraints by providing its workflow description to generate structured tables. This approach exposes relationships and enforces wiring discipline to document current system architecture clearly.

No, breadboarding requires no specific diagramming dependencies or components to function. It inherently processes plain workflow descriptions to output affordance tables and Mermaid diagrams without external package requirements.

The best way to design new architecture from shaped parts is using breadboarding to enforce disciplined wiring, containment, and data flow. It converts workflow descriptions into structured affordance maps, ensuring traceable and shareable system designs.