Katsuragi vs pen.dev
Katsuragi
github.compen.dev
pen.devSide by side
| Figure | Katsuragi | pen.dev |
|---|---|---|
| Price from | — | $16/mo |
| Free plan | — | Yes |
| Free trial | — | — |
| Open source | — | — |
| Web | Yes | Yes |
| Windows | Yes | Yes |
| macOS | Yes | Yes |
| Linux | Yes | Yes |
| API | — | Yes |
| Self-hosted | Yes | — |
| Plans published | 0 | 4 |
| Spec score · AI Wireframe Generators | 7.7 (#27) | 9.0 (#7) |
| CLI | Katsuragi can be run with npx or installed globally from npm as a command-line tool. | The @pen.dev/cli package provides headless creation, editing, MCP-shell access and PNG, JPEG, WEBP and PDF export from the terminal. |
Plans
In their own words
pen.dev
pen.dev is a canvas for building software and a vector design tool integrated with development environments. Its editor works with components, variables, themes, scripts and shaders, and can import Figma files and HTML. It can export to HTML, CSS and Tailwind, as well as PNG, JPEG, WEBP and PDF. Users can work with its integrated agent or connect external agents through MCP; the available plans specify how many agents can run in parallel. Documented integrations include Claude Code, Codex, Gemini CLI, Antigravity, OpenCode, Kiro and Claude Desktop. Integrated provider options include OpenAI, Anthropic, Google Gemini, Cursor, GitHub Copilot, xAI, OpenRouter and other API-key providers. Its.pen design file is open JSON with an open schema. Tools include a Chrome extension for importing webpages, IDE extensions and an npm-installed CLI requiring Node.js 22.19 or later. The pricing page says pen.dev stays free until plans launch. The Free plan is free; Pro is $16 a month; Ultra is $48 a month.