Install any skill in seconds. Free to start, no credit card required.
Get Started Free →Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)
| Test case | Without → With | Effect | Δ tokens | Δ turns |
|---|---|---|---|---|
| case-04 | ✗→✓ | ▲ Improved | -33% | 0% |
| case-06 | ✗→✓ | ▲ Improved | -73% | 0% |
| case-09 | ✗→✓ | ▲ Improved | -38% | 0% |
| case-10 | ✗→✓ | ▲ Improved | -39% | 0% |
| case-13 | ✗→✓ | ▲ Improved | -31% | 0% |
<objective> Explore design directions through throwaway HTML mockups before committing to implementation. Each sketch produces 2-3 variants for comparison. Sketches live in .planning/sketches/ and integrate with GSD commit patterns, state tracking, and handoff workflows. Loads spike findings to ground mockups in real data shapes and validated interaction patterns.
Two modes:
Does not require /gsd:new-project — auto-creates .planning/sketches/ if needed. </objective>
<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>
<context> Design idea: $ARGUMENTS
Available flags:
--quick — Skip mood/direction intake, jump straight to decomposition and building. Use when the design direction is already clear.</context>
<process> Execute the sketch workflow from @${CLAUDE_PLUGIN_ROOT}/workflows/sketch.md end-to-end. Preserve all workflow gates (intake, decomposition, target stack research, variant evaluation, MANIFEST updates, commit patterns). </process>
Other measured skills in the registry, with their headline benchmark lift.