penpot

Kiro Power for Penpot

This repository packages Penpot's official MCP server as a community-built Kiro power, with onboarding and steering tuned for design inspection, editing, and asset workflows.

This repository is not affiliated with, endorsed by, or officially maintained by Penpot.

Included

• POWER.md for activation and onboarding
• mcp.json for Kiro MCP registration
• steering/ guides for inspection, editing, and handoff tasks
• community author metadata and Penpot icon asset

Requirements

• Kiro with MCP enabled
• A running Penpot MCP stack
• An open Penpot design file with the Penpot MCP plugin connected

Start the Penpot MCP stack

The easiest way to launch the local services is:

npx -y @penpot/mcp@">=0"

Or run from the Penpot source repository:

pnpm run bootstrap

The default local endpoints are:

• MCP: http://localhost:4401/mcp
• Plugin manifest: http://localhost:4400/manifest.json

The Kiro power adds this MCP configuration:

{
  "mcpServers": {
    "penpot": {
      "url": "http://localhost:4401/mcp",
      "disabled": false
    }
  }
}

Install in Kiro

From GitHub

1. Open the Kiro Powers panel.
2. Choose Add power from GitHub.
3. Enter this repository URL.
4. Install the power.

From a local clone

1. Clone this repository.
2. Open the Kiro Powers panel.
3. Choose Add power from Local Path.
4. Select the cloned repository folder.

Use in Penpot

1. Open Penpot in the browser and open the target design file.
2. Load the plugin from http://localhost:4400/manifest.json.
3. Open the plugin UI.
4. Click Connect to MCP server.
5. Keep the plugin UI open while using Kiro.

Suggested prompts

• Inspect this Penpot screen and summarize the component hierarchy
• Export the selected Penpot icon as SVG
• Update this Penpot layout to use a tighter card grid
• Import this image into the current Penpot file and place it in the selected frame