Design
gsd-sketch - Claude MCP Skill
Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode)
SEO Guide: Enhance your AI agent with the gsd-sketch tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to sketch ui/design ideas with throwaway html mockups, or propose what to sketch next (frontier mode)... Download and configure this skill to unlock new capabilities for your AI workflow.
🌟1 stars • 0 forks
📥0 downloads
Documentation
SKILL.md<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 prior new-project setup — auto-creates `.planning/sketches/` if needed. </objective> <execution_context> @$HOME/.claude/get-shit-done/workflows/sketch.md @$HOME/.claude/get-shit-done/workflows/sketch-wrap-up.md @$HOME/.claude/get-shit-done/references/ui-brand.md @$HOME/.claude/get-shit-done/references/sketch-theme-system.md @$HOME/.claude/get-shit-done/references/sketch-interactivity.md @$HOME/.claude/get-shit-done/references/sketch-tooling.md @$HOME/.claude/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> <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. - `--wrap-up` — Package sketch design findings into a persistent project skill for future build conversations. Runs the sketch-wrap-up workflow. </context> <process> Parse the first token of $ARGUMENTS: - If it is `--wrap-up`: strip the flag, execute the sketch-wrap-up workflow end-to-end. - Otherwise: execute the sketch workflow end-to-end. Preserve all workflow gates (intake, decomposition, target stack research, variant evaluation, MANIFEST updates, commit patterns). </process>
Signals
Avg rating⭐ 0.0
Reviews0
Favorites0
Information
- Repository
- arlenagreer/claude_configuration_docs
- Author
- arlenagreer
- Last Sync
- 6/18/2026
- Repo Updated
- 6/14/2026
- Created
- 6/9/2026
Reviews (0)
No reviews yet. Be the first to review this skill!