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

This asset can be read and installed directly by agents

TokRepo exposes a universal CLI command, install contract, metadata JSON, adapter-aware plan, and raw content links so agents can judge fit, risk, and next actions.

Native · 94/100Policy: allow
Agent surface
Any MCP/CLI agent
Kind
Mcp
Install
Brew|Docker|Npm
Trust
Trust: Established
Entrypoint
docker run -d -p 3000:3000 ghcr.io/zseven-w/openpencil:latest
Universal CLI install command
npx tokrepo install 5109f144-e03d-55fc-a7fb-1e613059162d
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