Nicelydone
Search real web app screens, UI elements, and user flows. Read favorites and organize screens in collections. Requires Premium access and OAuth.
Hosted MCP Server
npx add-mcp 'https://mcp.nicelydone.club/mcp'Installs into Claude Code, Codex, Cursor and more
Documentation
Remote MCP server for AI agents
A centrally hosted and authenticated server that connects your agent to 212,600+ real screens and 8,000+ user flows from the best SaaS apps. Connect with your Nicelydone account through OAuth — no separate API key required.
What your agentcan do
12 tools. Search screens, flows, components, and apps. Access your favorites and collections. Your agent does the research — you review the output.
Find screen references
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"
Study user flows
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"
Browse components
Search modals, forms, navbars, tables, dropdowns, and other UI patterns extracted from shipped products.
"Find data table components with sorting and filtering"
Explore app showcases
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"
Use your saved references
Your agent searches your favorited screens, flows, components, and apps as a personal design library.
"Use my saved references for the settings page layout"
Organize into collections
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"
Automated design researchin seconds
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.
Setupinstructions
Use the native remote MCP connection when your client supports it, or use mcp-remote for backwards compatibility.
Claude Code
Hide
Connect natively from the terminal.
Claude Desktop
Show setup
Use the remote connector, or mcp-remote on older versions.
Cursor
Show setup
One-click install or paste the config manually.
Lovable
Show setup
Paste the MCP server URL in project settings.
ChatGPT
Show setup
Add as a connector in Settings. Requires ChatGPT connector access in your OpenAI plan.
Codex
Show setup
Connect from the CLI or shared config.toml.
Windsurf
Show setup
Use mcp-remote for backwards-compatible setup.
VS Code
Show setup
Use mcp-remote with MCP-compatible extensions.
Zed
Show setup
Use mcp-remote in your context_servers config.
Other clients
Show setup
Use the hosted URL natively or bridge it with mcp-remote.
General
Nicelydone supports Streamable HTTP with OAuth 2.1 and dynamic client registration. Authentication opens in your browser on first use.
Streamable HTTPOAuth 2.1No API key
https://mcp.nicelydone.club/mcp
Pricing
Paid access unlocks MCP. The same account that unlocks the design library can power your AI agent — no separate API key, no extra cost.
Questions
Need help setting things up or have a question about the MCP server?
Research in seconds,not hours.
{"@context":"https://schema.org","@graph":[{"@id":"https://nicelydone.club/#website","@type":"WebSite","description":"Nicelydone is a curated design research library of real SaaS screens, UI components, and user flows.","inLanguage":"en","name":"Nicelydone","url":"https://nicelydone.club","publisher":{"@id":"https://nicelydone.club/#identity"}},{"@id":"https://nicelydone.club/mcp#webpage","@type":"WebPage","description":"AI-generated pages all look the same. Nicelydone MCP gives your agent access to 140,000+ real screens, user flows, and components from shipped products. Works with Claude, Cursor, VS Code, and more.","name":"MCP Server — Give your AI agent real design references","url":"https://nicelydone.club/mcp","isPartOf":{"@id":"https://nicelydone.club/#website"},"potentialAction":[{"@type":"ReadAction","target":["https://nicelydone.club/mcp"]}],"primaryImageOfPage":{"@id":"https://nicelydone.club/#logo"}},{"@id":"https://nicelydone.club/#identity","@type":"Organization","description":"Nicelydone is a curated design research library of real SaaS screens, UI components, and user flows.","foundingDate":"2015","name":"Nicelydone","url":"https://nicelydone.club","contactPoint":{"@type":"ContactPoint","contactType":"customer support","email":"bertrand@nicelydone.club","url":"https://nicelydone.club/contact"},"founder":{"@id":"https://nicelydone.club/about#bertrand"},"logo":{"@id":"https://nicelydone.club/#logo"},"sameAs":["https://x.com/nicelydoneclub","https://www.linkedin.com/company/nicelydone"]},{"@id":"https://nicelydone.club/#software-application","@type":"SoftwareApplication","applicationCategory":"DesignApplication","description":"Nicelydone is a curated design research library of real SaaS screens, UI components, and user flows.","name":"Nicelydone","operatingSystem":"Web","url":"https://nicelydone.club","author":{"@id":"https://nicelydone.club/about#bertrand","name":"Bertrand"},"image":{"@id":"https://nicelydone.club/#/schema/image/1"},"provider":{"@id":"https://nicelydone.club/#identity"}},{"@id":"https://nicelydone.club/#logo","@type":"ImageObject","caption":"Nicelydone","contentUrl":"https://nicelydone.club/newsletter/logo.png","inLanguage":"en","url":"https://nicelydone.club/newsletter/logo.png"},{"@id":"https://nicelydone.club/#/schema/image/1","@type":"ImageObject","contentUrl":"https://nicelydone.club/newsletter/logo.png","inLanguage":"en","url":"https://nicelydone.club/newsletter/logo.png"}]}