From gsd
Sketches UI/design ideas with throwaway HTML mockups, producing 2-3 variants for comparison. Supports idea mode (given a design prompt) and frontier mode (analyzes existing sketches and suggests next steps).
How this skill is triggered — by the user, by Claude, or both
Slash command
/gsd:sketch [design idea to explore] [--quick] [--text] or [frontier][design idea to explore] [--quick] [--text] or [frontier]This skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
<objective>
Two modes:
Does not require /gsd:new-project — auto-creates .planning/sketches/ if needed.
<execution_context> @${CLAUDE_PLUGIN_ROOT}/workflows/sketch.md @${CLAUDE_PLUGIN_ROOT}/references/ui-brand.md @${CLAUDE_PLUGIN_ROOT}/references/sketch-theme-system.md @${CLAUDE_PLUGIN_ROOT}/references/sketch-interactivity.md @${CLAUDE_PLUGIN_ROOT}/references/sketch-tooling.md @${CLAUDE_PLUGIN_ROOT}/references/sketch-variant-patterns.md </execution_context>
<runtime_note>
Copilot (VS Code): Use vscode_askquestions wherever this workflow calls AskUserQuestion.
</runtime_note>
Available flags:
--quick — Skip mood/direction intake, jump straight to decomposition and building. Use when the design direction is already clear.
npx claudepluginhub buildomator/buildomatorSketch UI/design ideas with throwaway HTML mockups, producing 2-3 variants per idea. Supports frontier mode to propose next sketches based on existing landscape.
Generates live HTML/CSS visual direction proposals on scaffolded project dev server for side-by-side comparison and iterative refinement to select final UI design.
Generates 3-5 low-fi sketch wireframes with handwritten fonts and simple shapes to explore multiple structurally distinct UI design options quickly.