{
 "schema_version": 1,
 "generated": "2026-10-30",
 "repo": "ZSeven-W/openpencil",
 "name": "openpencil",
 "owner": "ZSeven-W",
 "slug": "zseven-w-openpencil",
 "github": "https://github.com/ZSeven-W/openpencil",
 "what": "OpenPencil is an open-source, AI-native vector design tool. You describe UI in natural language and concurrent agent teams draw it on an infinite canvas; designs are .op JSON files that are Git-friendly and export to React with Tailwind, HTML and CSS, Vue, Svelte, Flutter, SwiftUI and more. It has a built-in MCP server for Claude Code, Codex and OpenCode, an `op` CLI and real-time collaboration.",
 "why": "6.9k stars, talked about in 3 AI sources we track",
 "language": "Rust",
 "requirements": [
  "macOS, Windows or Linux (desktop) or the web app",
  "An AI model provider key, or Claude Code, Codex or OpenCode via MCP",
  "Homebrew, Scoop or a GitHub Release download"
 ],
 "audience_note": "Developers and designers who want AI-generated UI designs they can version in Git and export to code.",
 "risk": "none",
 "section": "earlier",
 "weekly_rank": null,
 "category": "Content",
 "url": "https://dedupedai.com/use-cases/zseven-w-openpencil/",
 "use_case_count": 3,
 "use_cases": [
  {
   "id": "zseven-w-openpencil--design-a-ui-from-a-prompt-and-export-react-with-openpencil",
   "title": "Design a screen from a prompt and export it to React and Tailwind",
   "best": true,
   "url": "https://dedupedai.com/use-cases/zseven-w-openpencil/design-a-ui-from-a-prompt-and-export-react-with-openpencil/",
   "json": "https://dedupedai.com/use-cases/u/zseven-w-openpencil/design-a-ui-from-a-prompt-and-export-react-with-openpencil.json"
  },
  {
   "id": "zseven-w-openpencil--design-from-claude-code-with-the-openpencil-mcp-server",
   "title": "Create and edit designs from Claude Code through OpenPencil's MCP server",
   "best": false,
   "url": "https://dedupedai.com/use-cases/zseven-w-openpencil/design-from-claude-code-with-the-openpencil-mcp-server/",
   "json": "https://dedupedai.com/use-cases/u/zseven-w-openpencil/design-from-claude-code-with-the-openpencil-mcp-server.json"
  },
  {
   "id": "zseven-w-openpencil--script-designs-with-the-op-cli",
   "title": "Script batch design changes from the terminal with the op CLI",
   "best": false,
   "url": "https://dedupedai.com/use-cases/zseven-w-openpencil/script-designs-with-the-op-cli/",
   "json": "https://dedupedai.com/use-cases/u/zseven-w-openpencil/script-designs-with-the-op-cli.json"
  }
 ],
 "disclaimer": "Third-party repos we don't own or vouch for. AI-generated use cases can be wrong: review everything and run at your own risk."
}