# Sketch Context

> Use this tool when you need to integrate Sketch design files with AI-powered development workflows, bridging the gap between design and code generation. It solves problems of manual design-to-code translation, enabling seamless collaboration between designers and developers through a dual-component architecture. The tool takes Sketch files as input and outputs parsed design elements, component information, and real-time design updates, ideal for use cases where AI assistants need to reference specific design elements or create new ones through natural language commands.

Canonical page: https://skillsregistry.net/skills/jshmllr-sketch-context  
JSON: https://api.skillsregistry.net/v1/skills/jshmllr-sketch-context

## Description

Sketch Context MCP server by Joshua Miller that bridges Sketch design files with AI-powered development workflows through a dual-component architecture consisting of a Node.js server implementing MCP protocol and a native Sketch plugin with WebSocket communication. The implementation supports both local .sketch files and Sketch Cloud documents via API authentication, providing tools for file parsing, component extraction, layer selection management, and real-time design element creation (rectangles, text) directly from AI assistants. Built with Express, WebSocket support, and comprehensive error handling, it enables designers and developers to seamlessly integrate Sketch designs into code generation workflows, allowing AI assistants to reference specific design elements by ID, extract component information, and even create new design elements through natural language commands in IDEs like Cursor.

## Trust

- **Trust score (0–1):** 0.65
- **Verification tier:** unverified

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** security
- **Updated:** 2026-05-05

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/jshmllr-sketch-context)
- **Repository:** <https://github.com/jshmllr/sketch-context-mcp>

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "jshmllr-sketch-context"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/jshmllr-sketch-context` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/jshmllr-sketch-context/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt