Developer Tools stdio

Penpot

Name: Penpot
Author: penpot

Created by penpot

Empower teams with an open-source design and prototyping platform that bridges the gap between design and code through real-time collaboration.

How to Connect & Install

Select your client or environment below to copy the verified, ready-to-run installation configuration.

1-line autonomous agent setup instruction. Paste into Claude Code, Codex CLI, or Cursor Agent:

Fetch and configure Model Context Protocol (MCP) server Penpot from https://www.fastmcp.dev/server/penpot

Agents automatically discover, install, and execute the server spec without manual token setup.

Connect via direct Stateless MCP v2 / Streamable HTTP endpoint or JSON-RPC:

https://github.com/penpot/penpot

Stateless edge endpoint compliant with MCP 2024-11-05 and v2 draft protocol specs.

Includes server instructions and tool definitions for Claude:

claude mcp add penpot -- npx -y penpot

Run in terminal to register server in current project or pass --scope user for global availability.

Configures server instructions and tools for OpenAI Codex & ChatGPT Desktop:

[mcp_servers.penpot_3]
command = "npx"
args = ["-y","penpot"]

Applies to ChatGPT Desktop app, Codex CLI, and IDE extension across your Codex host.

Add to Cursor project settings (.cursor/mcp.json) or Cursor Settings > Features > MCP:

{
  "mcpServers": {
    "penpot": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "penpot"
      ]
    }
  }
}

Commit to version control to allow teammates to connect immediately.

Install as an autonomous Agent Skill using the standard skills CLI:

npx skills add https://github.com/penpot/penpot

Standard agent skill installer compatible with Claude Code, Cursor, and agy harnesses.

Server Guidance & Instructions OpenAI & Claude Spec Compliant

Penpot: Empower teams with an open-source design and prototyping platform that bridges the gap between design and code through real-time collaboration. Key capabilities: Real-time collaboration and self-hosting capabilities; Works with open standards like SVG, CSS, HTML, and JSON; Native Design Tokens for scalable design systems.

Codex and Claude read this instruction prompt during initialization to orchestrate cross-tool workflows and rate limits.

Top Core Functions

01 Collaborate on designs in real-time

02 Build responsive interfaces with grids

03 Manage scalable system design tokens