Your agent writes great code. It has no idea what a good settings page, onboarding flow, or pricing table looks like. Give it 212,600+ real screens from shipped products — it studies what shipped before it writes a line of code.
12 tools. Search screens, flows, components, and apps. Access your favorites and collections. Your agent does the research — you review the output.
Your agent searches real app screens to find designs that match what you're building — dashboards, settings pages, login screens, pricing pages, and more.
"Find dark-themed analytics dashboard designs from SaaS apps"
Search multi-step user flows from real products — onboarding sequences, checkout processes, invite flows — to inform your own.
"Show me onboarding flows with email verification and team invite steps"
Search modals, forms, navbars, tables, dropdowns, and other UI patterns extracted from shipped products.
"Find data table components with sorting and filtering"
Discover apps by category — project management, CRM, analytics — and browse their full screen collections for end-to-end inspiration.
"Show me project management apps similar to Linear"
Your agent searches your favorited screens, flows, components, and apps as a personal design library.
"Use my saved references for the settings page layout"
Create collections and save screens directly from agent conversations — build a curated moodboard without leaving your editor.
"Save these dashboard screens to a new "Admin redesign" collection"
Every screen includes structured metadata — page type, UI elements, layout patterns, descriptions. Your agent reads the blueprint before it looks at the image. It can review hundreds of screens in seconds — more design context than a person gathers in a full day of research.
One config block. One restart. Pick your tool below.
Drop a JSON block into your config file.
Add via Settings > MCP, paste, restart.
Paste the MCP server URL in project settings.
Add as a connector in Settings. Requires Plus, Pro, or Team.
Add to your config.toml or use the CLI.
Edit your MCP config file, paste, restart.
Works with Copilot Chat and any MCP extension.
Add to your context_servers config.
Need help setting things up or have a question about the MCP server?