Motif.
Now open / for coding agentsWorking code
is the easy part.
Good design is the rest.
Motif is a design library your coding agent can call. Guidance, tested templates and design checks for real websites and apps, delivered over MCP to Claude, ChatGPT, Codex, Cursor, Gemini CLI, Grok and any agent that speaks MCP.
- Websites
- 391
- Apps
- 95
- Systems & data
- 63
- Motion
- 88
- Web apps
- 58
- PWA
- 23
- Lessons
- 21
Each item does one job: a principle, pattern, workflow, anti-pattern or check, with real values, a verification checklist and its sources.
WHO IT’S FOR
Ship something that doesn’t look generated.
Your agent can produce a working page in minutes. Motif hands it the decisions a designer would make: composition, type, spacing, screen states, and the details that separate a product from a template.
Specifics, not adjectives.
Instead of “make it modern”, your agent receives implementation steps with real values, the states each screen must handle, and a checklist to verify the result before you ever see it.
HOW IT WORKS
Your agent asks.
Motif answers with specifics.
Your agent does the building, with your model and your tools. Motif supplies maintained design knowledge and the checks.
- CONNECT
Connect once.
Add Motif to Claude, ChatGPT, Codex, Cursor, Gemini CLI, Grok or any MCP client, then authorize in the browser. You can see and revoke every connection.
- ASK
Ask in plain language.
Describe what you are making. Your agent searches by product type and platform, then retrieves a pack: brief, design tokens, layout contract, required states and an acceptance checklist.
- BUILD & VERIFY
Build, then check.
Your agent builds, then runs Motif’s checks for contrast, screen states, touch targets and hard-fail patterns, and fixes what they find before you ship.
THE PROOF, LIVE
See what an agent
builds with Motif.
Ferrow is a fictional photography studio. An agent built its website and its iOS and Android client app by following Motif’s guidance. Both run live below. Scroll them, open a photo, try a booking.
Ferrow website
Six pages: home, a filterable work index with a keyboard lightbox, the Fog Season print series, sessions and pricing, a booking enquiry that says plainly it is a demo, and an about page with photo credits.
- Pages
- 6
- Motif items applied
- 21
- Accessibility scan
- 0 axe violations · 6 pages × 2 widths
- Design rubric
- 4.1 / 5 · self-scored by the building agent
Ferrow client app
The same studio as an app for its clients: wedding and portfolio galleries, a full-screen viewer with camera details, a print shortlist you can edit with Undo, booking with availability, and light and dark themes. Each platform uses its own navigation and controls.
- Platforms
- iOS and Android
- Motif items applied
- 25
- Screen states
- 7, including empty, offline and error
- App rubric
- 4.2 / 5 · self-scored by the building agent
These builds run in the browser. The downloadable packs are being ported to React and TypeScript (website) and Expo (app), and each pack will list exactly what was tested, on which devices. Photographs are CC0 via StockSnap. Ferrow, its people and its prices are fictional. Four more examples (a dentist, a bakery, a freelancer-finance app and a sport eyewear store) are live on motif.asv-labs.com.
FREE TRIAL AND CREATOR
Limits you can read
before you buy.
Try Motif free for 30 days with no card required, then Creator is $9 a month; cancel online any time. Both plans include the guidance library, design-rule checks, project profiles and template downloads over MCP.
Free trial
$0for 30 daysThe free guidance subset and rule checks, plus both free template families. No card required.
- Content operations
- 100 / month
- Premium guidance items
- Free subset
- Premium template families
- None
- Project profiles
- 1
- Overage charges
- None
Creator
$9/ monthAll 739 guides within stated allowances. Cancel online any time and keep the licence to what you received.
- Content operations
- 5,000 / month
- Premium guidance items
- 500 / month, 75 per 24 h
- New template families
- 20 / month, 5 per 24 h
- Project profiles
- 25
- Overage charges
- None
WHERE MOTIF STANDS
Now open.
Start free.
Motif is open for public sign-up. Create a free account, add Motif to your agent over MCP, and build with the live library. Creator is $9 a month if you need the full allowances.
- Status
- Now open
- Library
- 739 guidance items for websites, apps and PWAs
- Free packs
- Both free template families are in your library once you sign in
- Delivery
- MCP, for Claude, ChatGPT, Codex, Cursor, Gemini CLI, Grok and any MCP client
- Pricing
- 30-day free trial, no card · Creator $9 / month · cancel online any time