design-prototyping

By generating 2-3 standalone HTML files with inline CSS, this skill creates visual prototype variants that clarify different UI design directions. Each variant acts as a tangible throwaway sketch to illuminate layout and interaction options.

The best way to align stakeholders during exploratory UX design is by comparing tangible visual prototype variants quickly. This skill generates multiple HTML sketches to reduce long-cycle design debates and captures the final choices in a DECISION.md file.

Yes, you can apply these HTML sketch variants to both web and mobile platforms. The skill explicitly targets UI and UX exploratory tasks where design decisions hinge on look, feel, and interaction across these platforms.

To document design rationale after creating visual prototypes, the skill automatically pairs each variant set with a DECISION.md file. This file captures the design reasoning and final choices to guide implementation and handoff.

The generated UI prototype files are stored in a designated sketches directory. Each prototype variant is saved as a complete HTML file with inline CSS within the sketches/{name}/ folder structure.

No external design dependencies are required to create throwaway UI prototypes. The skill generates complete HTML files with inline CSS, ensuring the variants are standalone and self-contained without relying on external libraries.