Documentation

Clevens is a library of finished mobile designs delivered as prompts. You copy one, your AI agent rebuilds it in your Expo app, and the result matches the preview exactly.

The loop

Four steps, and the only one that takes any thought is choosing the design.

1

Find a design

Browse the library and open anything. The preview on the detail page is the real code running, not a screenshot.

2

Copy the prompt

One button. It puts the full source of every file, the dependency list and the wiring instructions on your clipboard.

3

Paste it into your agent

Claude Code, Cursor, Windsurf, anything that takes a pasted prompt. The agent creates the files and installs what it needs.

4

Run it

The screen in your simulator matches the one on this site, including the entrance animation on first mount.

Everything else

10 short pages. Start with requirements if you have not set up an Expo project yet.

Start here

RequirementsWhat your project needs before a prompt will land cleanly, and how to scaffold if it has nothing.Your first screenCopy a free design, paste it into your agent, and get it running. Five minutes end to end.

How it works

What is in a promptA prompt is a code carrier, not a description. Here is exactly what lands on your clipboard.Why designs do not adaptEvery design ships with its own colors and type on purpose. Re-theming is a separate, better step.Flows and boilerplatesMulti-step flows ship a controller so you wire one component. Boilerplates arrive by CLI instead.Use it from your agentConnect the library as an MCP server and your agent searches and builds designs without the browser.

Reference

TroubleshootingAnimations not playing, wrong fonts, an agent that re-themed your screen. The five real failures.Expo Go and dev buildsMost designs run in Expo Go. What the badge means when one does not.LicenceWhat you can ship, in how many apps, and the two things you cannot do.
Next Requirements