Agent Plugins Marketplace
← All plugins

sketch

v3.0.0

Sketch plugin. Includes 2 skills and 1 MCP server.

CodexClaude Code2 Skills1 MCP serverStreamable HTTP

By Sketch B.V.99 GitHub starsUpdated 3 months ago

Directory evidence

Runtimes
Codex and Claude Code
Parsed components
3 skill or MCP entries
Source updated
Jun 25, 2026
Manifest status
Canonical path parsed

The directory validates manifest shape and source location. It does not execute the plugin or provide a security endorsement. Review the indexing methodology →

Install sketch for Codex and Claude Code

Installs for the current user
codex plugin marketplace add IchenDEV/agent-plugin-mkt
codex plugin marketplace upgrade agent-plugin-marketplace
codex plugin add sketch@agent-plugin-marketplace

Paste and run these commands in a terminal with Codex. They add and refresh the PluginsMP catalog, then install this plugin.

The installer fetches third-party code from the source repository shown on this page. This directory validates manifest structure and source location, but does not perform a security audit; review the manifest, components, and source before installing.

Get the source manually
git clone https://github.com/sketch-hq/agents

Clone the source repository, then follow its setup instructions to add the plugin to a compatible client. The repository root is the plugin root.

Plugin files

sketch/
├── .codex-plugin/plugin.json
├── .claude-plugin/plugin.json
├── skills/sketch-design-from-reference/SKILL.md
├── skills/sketch-design-to-code/SKILL.md
└── .mcp.json

Included Skills2

sketch-design-from-referenceskills/sketch-design-from-reference/SKILL.md

Recreates or builds UI designs in Sketch from a reference URL, screenshot, or source code with side-by-side screenshot fidelity validation using Sketch MCP (`get_document_info`, `get_layer_tree_summary`, `get_screenshot`, `get_design_assets`, `get_symbol_overrides`, targeted `run_code`). Use when the user wants to design, mock up, or reproduce a page or screen in Sketch from the web, an image, or code.

sketch-design-to-codeskills/sketch-design-to-code/SKILL.md

Generates code from Sketch designs with 1:1 visual fidelity using Sketch MCP (`get_document_info`, `get_layer_tree_summary`, `get_screenshot`, `get_symbol_overrides`, `get_design_assets`, targeted `run_code`). Inspects existing project code and conventions first, maps symbols and overrides to reusable components, exports assets, and validates implementations against Sketch screenshots (web: running app vs `get_screenshot`). Use when implementing or updating UI in React, Tailwind, SwiftUI, Kotlin, or other technologies from an Sketch document, page, frame, or layer.

MCP servers1

sketchStreamable HTTP
url
http://localhost:31126/mcp

Plugin manifests2

.codex-plugin/plugin.json
{
  "name": "sketch",
  "version": "3.0.0",
  "description": "Sketch plugin",
  "author": {
    "name": "Sketch B.V.",
    "url": "https://sketch.com"
  },
  "homepage": "https://sketch.com",
  "logo": "./assets/icon.svg",
  "repository": "https://github.com/sketch-hq/agents",
  "skills": "./skills/",
  "mcpServers": "./.mcp.json",
  "interface": {
    "displayName": "Sketch",
    "shortDescription": "Explore, generate, export, and do more with Sketch designs.",
    "longDescription": "Integrate Sketch with your workflows. Includes the Sketch MCP server and skills to explore and organize documents, generate code from designs, create designs from code, and more.",
    "developerName": "Sketch B.V.",
    "category": "Creativity",
    "capabilities": [
      "read",
      "write"
    ],
    "websiteURL": "https://sketch.com",
    "privacyPolicyURL": "https://sketch.com/privacy",
    "termsOfServiceURL": "https://sketch.com/tos",
    "composerIcon": "./assets/composer-icon.svg",
    "logo": "./assets/icon.svg",
    "brandColor": "#555DFF",
    "defaultPrompt": [
      "Export all icons in my Sketch design as SVGs",
      "Fill placeholders in my Sketch design with realistic data",
      "Implement my Sketch design in React"
    ]
  }
}
.claude-plugin/plugin.json
{
  "name": "sketch",
  "displayName": "Sketch",
  "version": "3.0.0",
  "description": "Integrate Sketch with your workflows. Includes the Sketch MCP server and skills to explore and organize documents, generate code from designs, create designs from code, and more.",
  "author": {
    "name": "Sketch B.V.",
    "url": "https://sketch.com"
  },
  "keywords": [
    "mcp",
    "sketch",
    "design",
    "implement"
  ],
  "homepage": "https://sketch.com",
  "repository": "https://github.com/sketch-hq/agents",
  "skills": "./skills/",
  "mcpServers": "./.mcp.json"
}

For maintainers

If you maintain this plugin, link to this source-backed listing from your README so users can review its manifest and indexed components.

[sketch on Agent Plugins Marketplace](https://pluginsmp.com/plugins/sketch)