sketch-implement-design

Installation
SKILL.md

Sketch Implement Design

Overview

Implement UI from Sketch with high visual fidelity by querying live document data through Sketch MCP. Use run_code to inspect and export data, and get_selection_as_image as the visual source of truth.

Prerequisites

  • Keep Sketch open with the target document available.
  • Enable Sketch MCP in Sketch settings: General -> Allow AI tools to interact with open documents.
  • Configure Codex MCP to point to the local Sketch server address shown in Sketch settings.
    • Default address is usually http://localhost:31126/mcp.
  • Select the layer or frame to implement in Sketch before calling get_selection_as_image.

Required Workflow

Installs
232
GitHub Stars
64
First Seen
Feb 16, 2026