Describe it. Get it looking like Calo.
Tell Claude what you want — start something new, or point it at a prototype you’ve already built — and it comes out in Calo’s look and voice. No design background needed. You just describe it.
First time? Just paste this to Claude Code.
No terminal, nothing to figure out. Open Claude Code in a folder, paste the prompt below, and it sets everything up for you.
Set up the Calo design tools:
npx --yes --@calo-design:registry=https://registry.npmjs.org/ @calo-design/cli loginnpx --yes --@calo-design:registry=https://registry.npmjs.org/ @calo-design/cli init
All you’ll need is your Calo email — a 6-digit code lands in your inbox. No GitHub, no accounts to chase.
calo-design is a Claude Code skill
A skill is know-how Claude loads on demand — here, everything it needs to design like Calo. There’s no app to live inside and no library to wire up: you type /calo-design, describe a screen, and Claude builds it on-brand.
Three things the skill hands it:
Calo’s design system
Every component, colour, type style, and spacing token from @calo/design-system. Claude builds from the real primitives, so the output is on-brand by construction — not a lookalike.
The real app’s flows
Grounded in @calo/flows — the actual Calo screens. So a meal-swap or checkout follows how the app really does it, instead of a plausible guess.
Calo’s voice and finish
Copy tone, button labels, and the empty, loading, and error states — the production detail that makes a screen read like Calo, not an AI demo.
No lock-in. It’s just the skill plus the design-system packages — no platform to live in, nothing to log into daily. One sign-in with your Calo email and Claude has it.
This very page was built exactly this way — described in plain words, dressed in Calo by the same skill. That’s the whole point.
See it come alive, instantly
The Mirror is a little app for your phone. Install it once — then everything the team is building shows up inside it.
- Tap to open. Pick any prototype and it loads right there — like flipping channels. No app-store updates, no waiting.
- Everyone’s work, in one place. Made something? One command and it appears in everyone’s Mirror.
- Real, on a real phone. Not a picture of a screen — the actual thing, running in your hand.
Ask Sufiyan for the link.
Building for the browser? Get a live link.
Some ideas belong on the web, not a phone. Describe one — and we provision the hosting, deploy it, and hand back a real URL. You do nothing but ask.
- We do the heavy lifting. No servers to spin up, no accounts to make, no deploy commands to learn. Hosting, build, and the domain are all handled on our side.
- A real link, the moment it’s built. You get a proper web address you can open on any device and send to anyone — no “it works on my machine.”
- Change it, it re-ships itself. Tweak anything and it redeploys to the same link in seconds. The URL always points at the latest.
Just describe it to Claude.