sketch-design-from-reference

Installation
SKILL.md

Sketch MCP to Design

Build or refine a Sketch design to match a reference. This skill is for design-in-Sketch work; the inverse workflow is sketch-design-to-code.

Fidelity first

The goal is visual parity with the reference — not a plausible page with similar sections. Similar is not done. Do not stop when content exists; stop when side-by-side screenshot comparison passes the completion criteria in references/validation.md.

Required Sketch guides

  • get_guide with topic: "mcp" — always; MCP prerequisites, run_code rules, failure handling, and visual verification.
  • get_guide with topic: "use" — Sketch editing, stacks, symbols, styles, overrides, assets, and prototyping.
  • get_guide with topic: "layout" — before creating or restructuring Frames, Groups, stacks, page placement, sizing, pins, or container types.

Fetch guide subtopics on demand when the task needs them: troubleshooting, layout, styling, symbols, assets, and prototyping.

Prerequisites

Installs
57
GitHub Stars
86
First Seen
Jun 25, 2026
sketch-design-from-reference — sketch-hq/agents