# Penpot

> Use this tool when you need to automate code generation workflows from design files, converting UI designs into functional code by accessing and analyzing Penpot design components and structure. It solves problems of manual design-to-code translation, integrating with Penpot's API to enable project browsing, file retrieval, and visual component export. The tool takes Penpot design files as input and outputs functional code, making it ideal for AI assistants to generate code from visual designs.

Canonical page: https://skillsregistry.net/skills/montevive-penpot  
JSON: https://api.skillsregistry.net/v1/skills/montevive-penpot

## Description

Penpot MCP Server provides AI assistants with direct access to Penpot design files and components for automated code generation workflows. Developed by the Montevive AI Team, it integrates with Penpot's API to enable project browsing, file retrieval, object searching, and visual component export with automatic screenshot generation. The implementation features intelligent caching, tree-based design structure analysis, and an optional HTTP server for serving exported images, making it particularly valuable for converting Penpot UI designs into functional code by allowing AI assistants to understand both the visual appearance and structural hierarchy of design components.

## Trust

- **Trust score (0–1):** 0.80
- **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/montevive-penpot)
- **Repository:** <https://github.com/montevive/penpot-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": "montevive-penpot"
    }
  }
}
```

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