OpenPencil — AI-Native Vector Design + MCP

Main

• 把 .op 当作 design-as-code：放进 Git、审 diff，并从同一源文件导出 React+Tailwind 或 HTML+CSS。

• 用 MCP 做自动化：README 提到一键装入多种 AI CLI，让 agent 以确定性方式读写 .op 文件。

• 并发扩展：README 描述 orchestrator 将页面拆分为空间子任务，让多个 agent 并行生成不同区域。

• 先用 docker web 模式评估，再按需切到桌面端以获得本地文件关联与更顺畅的工作流。

Source-backed notes

• README 列出安装方式：Homebrew cask（macOS）、Scoop（Windows）、直接下载以及全局 CLI 包。
• README 表示 .op 文件为 JSON，便于 diff 与 Git 管理。
• README 强调内置 MCP server，可让 MCP agent 自动化读取与修改 .op 文件。

FAQ

• 它只是 prompt 画图吗？：不是；README 将其定位为矢量设计工具，核心是 design-as-code 文件与代码导出。
• agent 怎么接入？：使用内置 MCP server；按 README 可通过 MCP 工具读写 .op 文件实现自动化。
• 最安全的起步方式？：先跑 web 容器（ghcr.io/...:latest）生成小页面验证流程，再逐步扩展到并发团队。