Open-source design intelligence / MCP
Better design judgment for coding agents.
Connect ODI once. Your agent can search 1,320 reviewed design references, reason from the decisions behind them, and build with evidence instead of guessing.
- Corpus
- 1,320 references
- Interface
- 9 MCP tools
- Access
- No account
- Runtime
- No model inference
Example output
See what your agent gets back.
A useful reference includes the decisions to adapt, the evidence behind them, and the product questions it cannot answer.
Input / product brief
Design a clear personal finance dashboard for young adults. Prioritize monthly budgets, upcoming bills, and accessible spending alerts.
Retrieved direction
- IBM Structured financial information hierarchy
- Linear Restrained geometry and compact controls
- Sentry Explicit states and accessible feedback
Agent handoff
- Layout
- Overview first, transaction detail on demand
- Signals
- Text and shape before color
- Unknown
- Account linking and financial guidance
MCP capabilities
What your agent can call.
Nine focused tools cover discovery, evidence inspection, design direction, and review.
- Callable tools
- 9
- Design jobs
- 4
-
Discover
Find relevant systems, related references, and recurring decisions.
Callssearch_designsfind_similarfind_patterns -
Inspect
Retrieve canonical evidence and understand why a reference fits.
Callsget_designexplain_design -
Decide
Choose a direction without overstating the available evidence.
Callsrecommend_designsdesign_consensus -
Create and review
Produce an implementation brief or critique design documentation.
Callsdesign_synthesisdesign_critique
Connect in minutes
Give your agent a better design vocabulary.
The hosted server uses Streamable HTTP and requires no credentials, local process, or repository clone.
npx -y open-design-intelligence@1.0.0
Requires Node.js 22+. The process waits for an MCP client, so a silent terminal is expected.
Hosted setup
Connect Codex
- 01
Open ~/.codex/config.toml or the project-level config.
- 02
Add the remote server entry, then restart the client.
Codex config.toml
[mcp_servers.open-design-intelligence]
url = "https://open-design-intelligence.vercel.app/mcp"
Hosted setup
Connect Claude Code
- 01
Run the command in a terminal.
- 02
Use /mcp in Claude Code to confirm the connection.
Claude Code command
claude mcp add --transport http open-design-intelligence https://open-design-intelligence.vercel.app/mcp
Hosted setup
Connect Cursor
- 01
Open .cursor/mcp.json or the global MCP configuration.
- 02
Add the remote server and enable it in Cursor settings.
Cursor mcp.json
{
"mcpServers": {
"open-design-intelligence": {
"url": "https://open-design-intelligence.vercel.app/mcp"
}
}
}
Hosted setup
Connect VS Code
- 01
Create .vscode/mcp.json or open the user MCP configuration.
- 02
Add the HTTP server and start it from MCP: List Servers.
VS Code mcp.json
{
"servers": {
"open-design-intelligence": {
"type": "http",
"url": "https://open-design-intelligence.vercel.app/mcp"
}
}
}
Hosted setup
Connect another client
- 01
Choose Remote or Streamable HTTP in your MCP client.
- 02
Name the server open-design-intelligence and use this URL.
Streamable HTTP URL
https://open-design-intelligence.vercel.app/mcp
Verify the connection
Ask one real design question.
Your agent should recommend references, explain its reasoning, and state what the corpus does not establish.
Using the Open Design Intelligence MCP, shape the design direction for an online store used by everyday shoppers.
The main journey is finding a product, comparing options, adding it to a cart, checking out, and tracking delivery. The experience should feel clear and trustworthy, work well on phones and desktop, and make prices, stock, errors, and order status understandable without relying on color alone.
Recommend 2–3 relevant references. Explain the specific decisions worth adapting and what should not be copied. Then produce an implementation brief covering layout, hierarchy, typography, interaction states, responsive behavior, and accessibility.
Separate corpus-backed guidance from product assumptions and identify anything the references do not establish.
Common questions
What to know before you connect.
Does ODI generate the interface?
Your coding agent still designs and implements the interface. ODI gives it stronger references, explicit constraints, and a way to inspect what is known or missing before it builds.
Does the hosted MCP require an account?
No. The public Streamable HTTP endpoint needs no credentials, package installation, repository clone, or local process.
What is the corpus based on?
ODI searches reviewed, canonical DESIGN.md records and their classification metadata. It separates direct evidence, derived observations, and assumptions, and treats missing information as unknown.
How does ODI choose relevant references?
ODI ranks the reviewed corpus using deterministic lexical, trait, quality, taxonomy, and local similarity signals. It does not call an embedding or model API at query time.
Can I run it locally?
Yes. With Node.js 22 or newer, run npx -y open-design-intelligence@1.0.0 as a local stdio server. Pinning the package version also pins the bundled corpus.