Raven
Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Install
registry version 2.6.0
npm
npx -y raven-mcpnpm
npx -y raven-mcp@2.6.0Streamable HTTP
https://mcp.ravenmcp.ai/api/mcp
Setup by client
Pick your client — the config below is generated for this server (both local and hosted-endpoint forms). Copy respects the “Pin version” switch above.
claude_desktop_config.json
{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@2.6.0"
]
}
}
}Remote (hosted) endpoint
https://mcp.ravenmcp.ai/api/mcp
Claude Desktop: Settings → Connectors → Add custom connector, paste this URL.
Format verified against the official Claude Desktop docs ↗.
terminal
claude mcp add raven-mcp -- npx -y raven-mcp
claude mcp add raven-mcp -- npx -y raven-mcp@2.6.0
terminal
claude mcp add --transport http raven-mcp https://mcp.ravenmcp.ai/api/mcp
Format verified against the official Claude Code docs ↗.
.cursor/mcp.json
{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@2.6.0"
]
}
}
}.cursor/mcp.json (hosted endpoint)
{
"mcpServers": {
"raven-mcp": {
"url": "https://mcp.ravenmcp.ai/api/mcp"
}
}
}Format verified against the official Cursor docs ↗.
.vscode/mcp.json
{
"servers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}{
"servers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@2.6.0"
]
}
}
}.vscode/mcp.json (hosted endpoint)
{
"servers": {
"raven-mcp": {
"type": "http",
"url": "https://mcp.ravenmcp.ai/api/mcp"
}
}
}Format verified against the official VS Code docs ↗.
mcp_config.json
{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}{
"mcpServers": {
"raven-mcp": {
"command": "npx",
"args": [
"-y",
"raven-mcp@2.6.0"
]
}
}
}mcp_config.json (hosted endpoint)
{
"mcpServers": {
"raven-mcp": {
"serverUrl": "https://mcp.ravenmcp.ai/api/mcp"
}
}
}Format verified against the official Windsurf docs ↗.
GitHub
⭐ 6 stars · 最近更新于 35 天前 · Apache-2.0 license
About this server
Raven MCP Odin's ravens brought back knowledge of the world — Raven brings back design intelligence. Raven is an MCP server for coding agents. Click any element in the app you have running locally and say what should change — Raven sends the agent the selector, the computed styles, and your design t…
Summary from the project README — github.com/rhinocap/raven-mcp
Distributed as npm, Streamable HTTP, listed under AI Agents. Review our MCP security guide before granting access to real data.
Frequently asked questions
What does the Raven MCP server do?
Raven MCP Odin's ravens brought back knowledge of the world — Raven brings back design intelligence. Raven is an MCP server for coding agents. Click any element in the app you have running locally and say what should change — Raven sends the agent the selector, the computed styles, and your design t
How do I install Raven?
Run the install command shown above, then paste the config for your client (Claude Desktop, Claude Code, Cursor, VS Code or Windsurf) into its MCP settings and restart the client.
Is Raven free to use?
The MCP server itself is free to install. The source is public on https://github.com/rhinocap/raven-mcp. Any third-party service it calls may require its own API key and account.
Which clients support Raven?
Any MCP-compatible client can use it, including Claude Desktop, Claude Code, Cursor, VS Code, Windsurf and custom agents.
Add this badge
Publish this server? Link back with a badge on your README or site — copy either snippet.
Markdown
[](https://mcpnav.net/server/raven-mcp/)
HTML
<a href="https://mcpnav.net/server/raven-mcp/"><img src="https://mcpnav.net/badge/raven-mcp.svg" alt="Listed on MCPNav" height="20"></a>