Skip to content
cccskills
FreePublished on GitHub

sketch

Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)

The English summary is being prepared. Showing the original description.

See how to install

Files included (1)

  • SKILL.md2.0 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

<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:

  • Idea mode (default) — describe a design idea to sketch
  • Frontier mode (no argument or "frontier") — analyzes existing sketch landscape and proposes consistency and frontier sketches

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>

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Add an idea to the backlog parking lot (999.x numbering)

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

Add phase to end of current milestone in roadmap

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

Generate tests for a completed phase based on UAT criteria and implementation

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

Capture idea or task as todo from current conversation context

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

Generate AI design contract (AI-SPEC.md) for phases that involve building AI systems — framework selection, implementation guidance from official docs, and evaluation strategy

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

Analyze phase dependencies and suggest Depends on entries for ROADMAP.md

The English summary is being prepared. Showing the original description.

buildomator/buildomator92Updated Oct 17, 2026

See all skills by buildomator

Report a problem with this skill