{
  "slug": "pencil",
  "name": "Pencil (pen.dev)",
  "url": "https://www.pen.dev/",
  "cat": "builder",
  "group": "design",
  "tagline": "Design canvas wired to your agent via MCP",
  "price": "Free during early access",
  "tier": "free",
  "pick": true,
  "what": "A Figma-like canvas inside Cursor/VS Code/Windsurf, storing designs as JSON .pen files <b>inside your project folder</b> so they are git-versioned next to the code. Runs as an MCP server, so the agent reads the canvas as structured design context rather than as an image. Two-way: you can import existing components back onto the canvas.",
  "why": "<b>Names your exact stack as a first-class target</b> — React + Tailwind + shadcn/ui. Draw the article template, and the drawing becomes real components. Because the .pen file lives beside the code, the design and the build cannot silently drift.",
  "warn": "Requires a local checkout via Lovable's GitHub sync — cannot touch the browser editor. Domain is mid-rename (pencil.dev → pen.dev), early access, no published pricing commitment.",
  "install": "MCP server; assumes Claude Code as the agent",
  "category": {
    "key": "builder",
    "name": "AI design builders",
    "desc": "Prompt-to-UI tools. The question for each is whether anything lands in your repo.",
    "group": "design",
    "groupName": "Make it look right"
  },
  "freshness": null,
  "health": {
    "ok": true,
    "status_code": 200,
    "final_url": null,
    "checked_at": "2026-08-18T22:10:46.578+00:00"
  },
  "corrected_at": null,
  "upstream_changed_at": null
}