MCP ConfigsMay 14, 2026·2 min read

OpenPencil — AI-Native Vector Design + MCP

Open-source AI-native vector design tool with design-as-code `.op`, concurrent agent teams, and built-in MCP; verified 2777★, pushed 2026-05-14.

Agent ready

Safe staging for this asset

This asset is staged first. The copied prompt tells the agent to inspect the staged files and ask before activating scripts, MCP config, or global config.

Stage only · 17/100Policy: stage
Agent surface
Any MCP/CLI agent
Kind
Mcp Config
Install
Stage only
Trust
Trust: Established
Entrypoint
Asset
Safe staging command
npx -y tokrepo@latest install 5109f144-e03d-55fc-a7fb-1e613059162d --target codex

Stages files first; activation requires review of the staged README and plan.

Intro

Open-source AI-native vector design tool with design-as-code .op, concurrent agent teams, and built-in MCP; verified 2777★, pushed 2026-05-14.

Best for: Teams turning prompts into UI + code exports with a Git-friendly design format

Works with: macOS/Windows/Linux; runs as desktop/web app and exposes a built-in MCP server + CLI (per README)

Setup time: 15-35 minutes

Key facts (verified)

  • GitHub: 2777 stars · 265 forks · pushed 2026-05-14.
  • License: MIT · owner avatar + repo URL verified via GitHub API.
  • README-backed entrypoint: docker run -d -p 3000:3000 ghcr.io/zseven-w/openpencil:latest.

Main

  • Treat .op as design-as-code: keep it in Git, review diffs, and generate exports (React+Tailwind/HTML+CSS) from the same source file.

  • Use MCP for automation: README calls out one-click MCP install into multiple AI CLIs so agents can read/modify .op files deterministically.

  • Scale with concurrency: the README describes orchestrated “agent teams” working on different page regions in parallel.

  • Start with docker web mode for evaluation, then move to the desktop app if you need native file associations and local workflows.

Source-backed notes

  • README lists install options: Homebrew cask (macOS), Scoop (Windows), direct downloads, and a global CLI package.
  • README states .op files are JSON and designed to be diffable and Git-friendly.
  • README highlights a built-in MCP server for automating .op file reads/edits from MCP-compatible agents.

FAQ

  • Is it just prompts-to-images?: No — README positions it as a vector design tool with design-as-code files and code exports.
  • How do agents automate it?: Use the built-in MCP server; agents can read/create/modify .op files through MCP tools (per README).
  • What’s a safe first run?: Start the web container (ghcr.io/...:latest) and generate a small page before scaling to multi-agent teams.
🙏

Source & Thanks

Source: https://github.com/ZSeven-W/openpencil > License: MIT > GitHub stars: 2777 · forks: 265

Discussion

Sign in to join the discussion.
No comments yet. Be the first to share your thoughts.

Related Assets