Real product screens and design references for coding agents
MCP server connecting AI agents to your design system with live tokens and code linting
Stage
Not given
Not given
Founded
Not given
Not given
Based in
Not given
Not given
Pricing model
Free
Freemium
Pricing
Not given
Free: one design system with limited component pulls. Pro: $15/month per seat ($12 billed yearly). Team: $25/month per seat ($20 billed yearly). Studio: $39/month per Genome ($31 billed yearly).
Key features
Browse onboarding flows and user journeys
Measured design guides with fonts, colors, and spacing
Compare UI designs against real products
Generate agent-ready build prompts
MCP server integration with Claude, Cursor, VS Code, ChatGPT
REST API endpoint for programmatic access
Documented interactions and design observations
No account or API key required
MCP server connection for Claude Code, Cursor, VS Code and other AI agents
Design system bootstrap from text prompt, website URL, Figma file or screenshot
Token and component editor with live publishing
Code linting against design system specifications
Export to CSS, SCSS, Tailwind, Tokens Studio JSON and Figma variables
Figma integration with OAuth and plugin support
GitHub integration for pushing design system updates
Website CSS scanning and analysis
Change proposals and human review workflow
Rate-limited stateless HTTP API with 120 calls per minute
What makes it different
191 product collections with 7,803+ real UI captures, not templates or mockups
Designed specifically for coding agents to reference during UI development
Free with no limits, accounts, or API keys required
MCP server compatibility for seamless agent integration
Documented design patterns with measured design guides for each product
Live tokens on every AI generation instead of stale rules files
Supports all major AI coding agents: Claude Code, Cursor, VS Code, Claude, Codex, Windsurf and Figma's agent
Human review required for all changes; nothing auto-applied
Design systems remain yours to use in client work and commercial products
Bootstrap from text, website, Figma or screenshot; no manual token creation needed
Screenrove
Flash DSM