Screenie is the screen built
for your design agent.

A live canvas where your agent designs real screens — describe what you want, watch it render, approve it, and hand it straight to your codebase.

iPhone UI · 6.3″ Pro
MCP live

Format

iPhone UI · 6.3″ Pro 9:16

Design system

Assets

Screen code & links

src/app/HomeView.tsx
design a home screen for the fitness app — light and dark
Reading design system + screen code
Designing screen 1 — home, light
Designing screen 2 — home, dark
Both variants are done. I tightened the stat cards after seeing the first render.
Describe a screen…
Every aspect ratio, one agent —

What will you design?

From your codebase

UI & UX design

Describe a flow, get real screens built on your product’s own components and tokens — not wireframes.

16:9 · Full page

Web design

Landing pages designed hero-to-footer as live HTML — layouts that already reflow like the shipped page.

iPhone UI · 9:16

Mobile design prototypes

Native-feeling iOS screens on true device frames, safe areas respected — flip through variants like a prototype.

Every device size

App Store screenshots

Conversion-ready screenshot sets, rendered at the exact pixel dimensions Apple requires for each device.

Aa POSTER / A2
Any format

Graphic design

Posters, banners, and cards — the agent handles type and layout under your brand rules; you art-direct in plain English.

4:5 · 9:16 · Carousels

Social media content

Posts, stories, and 10-slide carousels designed as one coherent story — on-brand and exported ready to publish.

Approve the design,
hand off the build.

Every screen is real HTML and CSS — a spec, not a picture. One click on Copy prompt packages the approved design with your brand context; paste it into Claude Code and it maps every element to your existing components before writing a line.

Learn about the handoff →
⧉ Copy prompt  ·  copied
Claude Code
> Implement this approved UI design…
Mapped the mockup to your components:
src/app/HomeView.tsx+112 −9
src/components/StatCard.tsx+38 −4
src/theme/tokens.ts+6 −0
Done. Built with your existing tokens — no new styles invented.
Proof of work

Screenie was designed in Screenie.

Every panel of the app — and the page you’re reading right now — came off Screenie’s own frames. The agent designed, we approved, Copy prompt built it. No Figma file exists.

this page, on the frame it was designed on
For now

Bring your own Claude subscription.

Screenie runs on the Claude Code you already have. Sign in once and design on your existing plan — no separate AI subscription, no API-key setup, no per-token markup. Coming soon: subscribe to the Screenie agent directly, no Claude plan needed.

Claude Pro
Claude Max
Claude Team & Enterprise
Screenie agent coming soon

Try Screenie now.

Download for macOS