How do I install Raven?

Raven is a local plugin. Install it using npm package: raven-mcp and add the generated configuration snippet to your AI app's MCP config file. Then restart your AI app.

What AI apps work with Raven?

Raven uses the Model Context Protocol (MCP) and works with any MCP-compatible AI app, including Claude, ChatGPT / Codex, Gemini, Copilot, Cursor, and more.

Back to Browse

Raven MCP Server

by rhinocap

Developer ToolsLow Risk10.0Local

Free

Design intelligence for AI-generated UI — principles, patterns, content, brand, design tokens.

About

Raven gives Claude (and any MCP client) a queryable design knowledge base it can reach into while generating UI. Eight layers cover the complete surface of design work: principles (Nielsen's heuristics, the 21 Laws of UX, Gestalt, WCAG, typography, color, mobile UX, D4D, UX writing, service design, brand), patterns (signup, pricing, nav, forms, landing, dashboards, modals, empty/error/loading states, CTAs, social proof, mobile conversion, plus content and service patterns), content design systems (Mailchimp, GOV.UK, Shopify Polaris, Atlassian, Intuit voice & tone), research methods (qualitative, quantitative, usability) and metrics frameworks (HEART, AARRR, North Star, conversion funnel, RICE, OKRs), service design (blueprinting with HTML output, human handoff, signup-as-service, omnichannel continuity, moments of truth, GOV.UK Service Standard), brand & visual design (logo usage, gradient usage, imagery, hierarchy, brand-as-system, 2026 trends), business strategy, and production design tokens (Stripe, Linear, and more). Claude calls Raven's tools automatically when you ask it to build, evaluate, or improve UI.

Security Report

10.0

Low Risk10.0Low Risk

Valid MCP server (2 strong, 2 medium validity signals). No known CVEs in dependencies. Package registry verified. Imported from the Official MCP Registry.

3 files analyzed · 1 issue found

Security scores are indicators to help you make informed decisions, not guarantees. Always review permissions before connecting any MCP server.

Permissions Required

This plugin requests these system permissions. Most are normal for its category.

file_system

Check that this permission is expected for this type of plugin.

How to Install

Add this to your MCP configuration file:

{
  "mcpServers": {
    "ai-ravenmcp-raven-mcp": {
      "args": [
        "-y",
        "raven-mcp"
      ],
      "command": "npx"
    }
  }
}

Getting Started

Once installed, try these example prompts and explore these capabilities:

1"Audit the home page I just built against Raven's quality standards."
2"Get me Nielsen's heuristics relevant to this signup flow."
3"Generate a complete design system from this brand color: #5B47E5"
4"Show me Mailchimp's voice and tone system, then rewrite this error message in that voice."
5"Generate a service blueprint comparing current vs. ideal state for our onboarding."
6"What are the 2026 brand and visual-design trends, and which fit a fintech audience?"
7Tool: audit_page — Audit HTML/CSS against Raven's quality standards. Use after building any UI.
8Tool: generate_design_system — Build a full design system (typography, color, spacing, motion) from one brand color.
9Tool: get_content_system — Get a brand's voice attributes, tone shifts, vocabulary, grammar, and content patterns.
10Tool: generate_service_blueprint — Render a service blueprint as standalone HTML, current-state or current-vs-ideal.

Reviews

No reviews yet

Be the first to review this server!

installs

New

no ratings yet

Use Cases

Get design principles for any UI context (Nielsen
Laws of UX
Gestalt
WCAG
typography
color
mobile UX)
Pull proven UI patterns for signup flows
pricing
nav
forms
dashboards
modals
empty/error/loading states
Audit rendered HTML/CSS against Raven's quality standards (`audit_page`
`audit_layout`)
Evaluate visual rhythm
alignment
and optical balance of any rendered page
Generate a complete custom design system from a single brand color
Browse production design tokens from real systems (Stripe
Linear
and more)
Compose tokens across multiple design systems for hybrid styling
Get brand voice & tone systems from Mailchimp
GOV.UK
Shopify Polaris
Atlassian
and Intuit
Apply UX-writing principles to error messages
empty states
notifications
and form validation
Get research methods with protocols and checklists (qualitative
quantitative
usability)
Apply product-metrics frameworks (HEART
AARRR
North Star
conversion funnel
RICE
OKRs)
Generate service blueprints as standalone HTML — including current-vs-ideal state comparisons
Get the GOV.UK Service Standard's 14 points for evaluating service quality
Apply service design patterns (human handoff
signup-as-service
omnichannel continuity
moments of truth)
Get brand and visual-design principles (logo usage
gradient usage
imagery
visual hierarchy)
Get current 2026 brand and visual-design trends with usage guidance
Get Design for Delight (D4D) framework templates for empathy-led product work
Run a pre-publish UI checklist before shipping
Reflect on local Raven usage to surface knowledge gaps and recurring audit warnings