Transform workflow descriptions into UI and code affordance tables.
npx skills add https://github.com/iancleary/dotfiles --skill breadboarding-iancleary
Please help me install this Agent Skill. Skill: breadboarding Source: https://github.com/iancleary/dotfiles/tree/main/.claude/skills/breadboarding Command: npx skills add https://github.com/iancleary/dotfiles --skill breadboarding-iancleary
This Skill transforms complex workflow descriptions into clear, structured affordance tables, making it easier to understand, map, and design software systems.
Use the breadboarding skill to map the workflow described in the attached document 'checkout-workflow.md'.
High-intent search queries and answers about installing and using this skill.
An affordance table in system design maps concrete UI and code interactions by defining Places, affordances, and their wiring relationships. It transforms complex workflow descriptions into structured documentation to facilitate understanding of existing systems and designing new ones.
You can map a user journey workflow to UI and code interactions by transforming workflow descriptions into detailed affordance tables. This process defines Places and affordances to analyze system architecture and document user navigation, detailing button clicks, API calls, and data displays.
Yes, workflow mapping supports documenting an e-commerce checkout process from adding an item to completing the purchase. It details every button click, API call, and data display by mapping system interactions into structured UI and code affordance tables.
The best way to document system architecture for new software designs is mapping workflows to affordance tables. This details how new parts and mechanisms interact within a system by defining Places, affordances, and their wiring relationships through structured documentation.
No specific dependencies are required to generate affordance tables from workflow descriptions. The system mapping process transforms existing documents, like a markdown workflow file, into structured UI and code affordance tables without external dependencies.
Breadboarding maps workflows to affordance tables by transforming workflow descriptions into detailed UI and code interactions. It defines Places, affordances, and wiring relationships to support the analysis of user journeys and system architecture through structured documentation.
lorenzogmAutomate Product Requirements Document creation with markdown and YAML workflows.
daishimanCreate advanced Markdown documentation with Mermaid diagrams, tables, and code blocks.
rjsConvert workflow narratives into breadboard maps of UI and code affordances.
koolamusicMap software workflows into structured affordance tables with wiring relationships.
