# Sketch

> Use this tool when you need to automate design analysis tasks or integrate Sketch designs into development workflows. It processes Sketch design files, extracting and analyzing their internal structure, and provides tools to query design elements and render visual components as SVG images. Ideal for design-to-code workflows, design system documentation, and automated design analysis, it takes .sketch files as input and outputs detailed style information and SVG renderings.

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

## Description

A TypeScript-based MCP server that processes Sketch design files by extracting and analyzing their internal structure, providing tools to load .sketch files, navigate pages and layers, query design elements by type or name, and render visual components as SVG images. The implementation features a comprehensive analyzer that extracts detailed style information including colors, borders, shadows, text attributes, and shape properties from Sketch's JSON format, along with SVG rendering capabilities that can visualize rectangles, ovals, text, groups, and symbol instances. Designed for design-to-code workflows, design system documentation, and automated design analysis tasks where developers need programmatic access to Sketch file contents without manual inspection.

## Trust

- **Trust score (0–1):** 0.97
- **Verification tier:** verified
- **Last scanned:** 2026-09-19

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** media
- **Updated:** 2026-09-19

## Source

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

## 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": "sketch"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/sketch` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/sketch/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