This is Inspo
The best websites, handpicked weekly. Only the exceptional ones make it in.
Details MCP
Your AI has now
Your AI has now
access to taste.
Give your AI access to the best of web design. Explore, combine, and bring your favorite ideas to life.
Your AI can do
sooooo much more.
You
show me cool ways to present my services on my website
ChatGPT 
Claude 
Codex 
v0 
Cursor I’ll search Details for services sections that fit your project.
Used Details MCP integration
Here are five directions worth exploring.
You
explore four creative variations of this scroll animation
ChatGPT Claude Codex v0 Cursor I’ll read how this reference works before I change it.
Used Details MCP integration
Here are four variations of the same idea.
You
find a cool navigation in the Vault that could fit my project
ChatGPT Claude Codex v0 Cursor I’ll look in the Vault for navigations that fit your project.
Used Details MCP integration
These four would fit. Pick one and I’ll add it to your project.
“We used to lose hours hunting for references. Now we find an interaction we love on Details, then use the MCP to mix it with other ideas into something unique for our clients.”
Robin Monteiro
Co-Founder
A whole new way to create.
-
01. Find exactly what you need.
Connect your AI to thousands of handpicked layouts, sections, and interactions. It can explore the entire inspiration library and find ideas that actually fit what you’re building.
-
02. Make inspiration your own.
Found an interaction you love? Ask your AI to explore multiple creative variations, combine ideas from different references, and refine your favorite direction until it fits your project.
-
03. Skip straight to building.
Grab ready-to-use animations, navigations, and interactions from the Vault. Copy the code or let your AI integrate and customize them directly in your project.
Connect it to your AI tool.
One command or one URL, then you sign in with your Details account.
Pick your AI tool
Choose your client and we'll show you exactly how to connect it.
Add Details to Claude Code
Run this once in a terminal to register Details for your user account.
claude mcp add details --scope user --transport http https://api.details.so/mcp Open the MCP menu
Start Claude Code, enter the command below, then choose Details.
/mcp Approve the connection
Choose Authenticate and sign in to your Details account in the browser.
Ready to use
Return to Claude Code and start searching Details.
Open MCP settings
In Cursor, open Settings → Tools & MCP and choose New MCP Server. Use global settings for every project, or project settings for one workspace.
Add the Details server
Paste this configuration into your mcp.json file and save it.
{
"mcpServers": {
"details": {
"url": "https://api.details.so/mcp"
}
}
} Connect your account
Back in Tools & MCP, find Details, choose Connect, and approve access in the browser.
Ready to use
Details is now available to Cursor in the scope you selected.
Add the Details MCP server
Run this once in a terminal to register the remote server.
codex mcp add details --url https://api.details.so/mcp Start the login flow
Run the login command to open Details authorization in your browser.
codex mcp login details Approve the connection
Sign in to Details, review the request, and choose Continue.
Ready to use
Return to Codex. Start a new session if it was already open during setup.
Open MCP connections
From the chat input, open the add menu, choose MCPs, then select Add MCP.
Enter the server details
Name the connection Details and paste the remote server URL.
https://api.details.so/mcp Approve the connection
Select OAuth when prompted, then sign in and approve Details access.
Ready to use
Details is now available from your v0 chat.
Find your client's MCP settings
Open the integrations or MCP area in your AI client.
Add the server URL
Create a remote HTTP MCP server named Details and paste this address.
https://api.details.so/mcp Approve the connection
Use OAuth when available, then sign in and approve access to Details.
Ready to use
The Details tools should now appear in your client.
Frequently asked questions
Your AI can generate websites, but it doesn’t necessarily know what great design looks like. Details connects it to 3,500+ handpicked references, giving it better creative direction and real interactions to learn from.
Instead of starting from generic patterns, you can explore exceptional design and build something original.
A screenshot only shows what something looks like, and a URL doesn’t always give your AI enough context to understand how an interaction behaves.
Details MCP provides curated references with visual and interaction context: the frames of an interaction in order, a description of what happens, and for many references the code behind it. That makes it easier for your AI to explore the details behind a design.
Details MCP works with MCP-compatible tools, including ChatGPT, Claude Code, Cursor, Codex and v0.
You can find step-by-step connection instructions on this page. Any other tool that supports remote MCP servers connects with the same server URL.
Details MCP is included in every paid plan.
Pro: full Inspo access through MCP, with 300 monthly credits.
Max: Inspo and Vault access through MCP, with 1,000 monthly credits.
Team: Inspo and Vault access through MCP for every teammate, with 2,000 monthly credits each.
Lifetime: Inspo and Vault access through MCP, with 2,000 monthly credits, for a single payment.
Credits are used when your AI retrieves something from Details, and the amount depends on the request. A search costs 2 credits, opening a reference costs 3, and a Vault search or resource costs 2.
For example, searching for a direction and opening the reference you like best costs 5 credits. One answer from your AI can involve several requests.
Your credits refill every month.
