gsd-sketch

name	gsd-sketch
description	Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)
metadata	{"short-description":"Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)"}

<codex_skill_adapter>

A. Skill Invocation

• This skill is invoked by mentioning $gsd-sketch.
• Treat all user text after $gsd-sketch as {{GSD_ARGS}}.
• If no arguments are present, treat {{GSD_ARGS}} as empty.

B. AskUserQuestion → request_user_input Mapping

GSD workflows use AskUserQuestion (Claude Code syntax). Translate to Codex request_user_input:

Parameter mapping:

• header → header
• question → question
• Options formatted as "Label" — description → {label: "Label", description: "description"}
• Generate id from header: lowercase, replace spaces with underscores

Batched calls:

• AskUserQuestion([q1, q2]) → single request_user_input with multiple entries in questions[]

Multi-select workaround:

• Codex has no multiSelect. Use sequential single-selects, or present a numbered freeform list asking the user to enter comma-separated numbers.

Execute mode fallback:

• When request_user_input is rejected (Execute mode), present a plain-text numbered list and pick a reasonable default.

C. Task() → spawn_agent Mapping

GSD workflows use Task(...) (Claude Code syntax). Translate to Codex collaboration tools:

Direct mapping:

• Task(subagent_type="X", prompt="Y") → spawn_agent(agent_type="X", message="Y")
• Task(model="...") → omit (Codex uses per-role config, not inline model selection)
• fork_context: false by default — GSD agents load their own context via <files_to_read> blocks

Parallel fan-out:

• Spawn multiple agents → collect agent IDs → wait(ids) for all to complete

Result parsing:

• Look for structured markers in agent output: CHECKPOINT, PLAN COMPLETE, SUMMARY, etc.
• close_agent(id) after collecting results from each agent </codex_skill_adapter>

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.

<execution_context> @/home/delorenj/code/bhappy/.codex/get-shit-done/workflows/sketch.md @/home/delorenj/code/bhappy/.codex/get-shit-done/references/ui-brand.md @/home/delorenj/code/bhappy/.codex/get-shit-done/references/sketch-theme-system.md @/home/delorenj/code/bhappy/.codex/get-shit-done/references/sketch-interactivity.md @/home/delorenj/code/bhappy/.codex/get-shit-done/references/sketch-tooling.md @/home/delorenj/code/bhappy/.codex/get-shit-done/references/sketch-variant-patterns.md </execution_context>

<runtime_note> Copilot (VS Code): Use vscode_askquestions wherever this workflow calls AskUserQuestion. </runtime_note>

Design idea: {{GSD_ARGS}}

Available flags:

• --quick — Skip mood/direction intake, jump straight to decomposition and building. Use when the design direction is already clear.

Execute the sketch workflow from @/home/delorenj/code/bhappy/.codex/get-shit-done/workflows/sketch.md end-to-end. Preserve all workflow gates (intake, decomposition, target stack research, variant evaluation, MANIFEST updates, commit patterns).