Receber por email
← Voltar para o catálogo

gsd:sketch

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

3.1kestrelas
Atualizado há 4 meses

Ver no GitHub ↗ Licença: MIT

Como adicionar

/plugin marketplace add davepoon/buildwithclaude

O comando exato pode variar conforme o repositório. Confira o README no GitHub.

Para o autor da skill

Cole no README do seu repo

Mostra que sua skill está catalogada na Skillteca, gera backlink e tráfego rastreável.

[![Skillteca](https://www.skillteca.com.br/api/badge/gsd-sketch/svg)](https://www.skillteca.com.br/skills/gsd-sketch)

Alerta por categoria

Receba novas skills de Design e Frontend toda segunda

1 email curto, só com as skills novas de Design e Frontend. 4 minutos de leitura, sem spam, cancela com 1 clique.

Você confirma o email no primeiro envio. Sem spam. Cancela com 1 clique.

Ler descrição completa

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

Compartilhar X LinkedIn