AI-native design engine · Reframe - Programmable design engine for AI agents. Open-source.

AI-native. Open-source. MCP-native. Like Claude Design. In-canvas agent spawns from your Claude Code subscription — no API keys, no token bills. Chat UI + right-click macros: rebrand, theme, scale, rotate, fix, etc. Your AI writes HTML + DESIGN.md → typed INode AST → 37-rule audit + 8 aesthetic scores → 8 export formats. Deterministic. 6 MCP tools: design, compile, inspect, edit, export, project. Claude Code, Cursor, any MCP agent. AGPL-3.0. For devs who want design in git.

Hey PH 👋 I'm Ilya, solo dev behind Reframe.

I've been building this for months. Strange coincidence — Anthropic shipped Claude Design the same day I pushed Reframe v0.1. Trying their product made something clear: we're at different layers. Claude Design is a product: polished, SaaS, consumer-facing.

Reframe is an engine: typed AST, deterministic, open-source. Different audiences, different goals.

The gap that got me building:

Every AI design tool today works on HTML strings. Prompt → generate → edit → regenerate. After 10 iterations you've drifted: colors shifted, spacing off-grid, brand tokens leaked. No way to measure it, no way to prevent it.

Reframe keeps every scene in a typed INode AST. Every edit is a deterministic transform — not an LLM re-generation. Every export is byte-equal across runs. Audit findings are numbers, not vibes.

What works today (v0.1):

Runs on YOUR Claude Code subscription — no API keys, no token bills

→ Interactive CanvasKit viewport — Figma-like select, drag, resize, text editing
→ 37-rule quality audit + 8 aesthetic metrics + brand fidelity scoring
→ 8 export formats: HTML, React, SVG, PNG, PDF, Lottie, animated HTML, site bundle
→ 6 MCP tools for Claude Code, Cursor, and any MCP-compatible agent
→ 60+ brand design systems included (Stripe, Linear, Airbnb, Apple…)

What's rough (v0.1 is v0.1):
→ Tailwind/styled-components export: scaffolded, not full utility-class emission yet
→ Platform UI: functional but spartan — engine is the mature part
→ No hosted version — self-host, clone the repo
→ Active bugfix mode — file issues, I patch live during launch week

Built alone on nights and weekends.

Who this is for:
• Teams with brand guidelines that LLM-drift keeps breaking
• Devs building their own AI-design tools internally
• Regulated industries that need audit trails on visual assets
• Anyone who wants design work in git

Why AGPL-3.0: fork freely, self-host, modify. But if you run it as a SaaS you open-source your layer. Prevents commercial clone-and-run. Keeps the ecosystem honest.

Looking for:
★ GitHub stars if the approach resonates
💬 Feedback on what's broken / what's missing
🤝 Contributors — MCP integrations, new export formats, language bindings

Claude Design is brilliant for ideation. Reframe is what you pipe it INTO when you need to ship.

If "AI design as a typed engine" resonates — whether you want design in git, embed design into your product, or build agents that operate on typed scenes — I'd love feedback. Issues / discussions open in the repo.

github.com/ilya-makarov-dev/Reframe

Thanks for checking it out 🙏

AI-native design engine · Reframe - Programmable design engine for AI agents. Open-source.

Replies