RavenMCP gives AI the design knowledge that used to live only in senior designers' heads. Principles, patterns, tokens, content voice, research methods, service blueprints, brand & visual—twenty-seven tools across eight knowledge layers.
Design principles Accessibility, Nielsen, Gestalt, Laws of UX, Brand, Research
22
Patterns UI, content, and service patterns
12
Design systems Stripe, Linear, Apple, Airbnb & more
27
MCP tools Auto-called by Claude
The Story
Named for the creature that bridges worlds
Across Norse, Celtic, and Native American traditions, the raven carries knowledge from hidden places and brings it into the light.
Odin's ravens Huginn and Muninn—Thought and Memory—fly across all nine realms at dawn and return to whisper everything they've seen. The Morrígan takes raven form to decide fate. Yéil stole the sun from darkness and gave it to everyone.
Raven MCP: design intelligence that used to be locked away, now flying across your work.
Norse
Huginn & Muninn
Thought & Memory—Odin's ravens that fly across all nine realms and return with knowledge
Celtic
The Morrígan
Sovereignty & Prophecy—the triple goddess who takes raven form to decide fate
Tlingit
Yéil the Transformer
Light from Darkness—Raven stole the sun, moon, and stars and gave them to everyone
claude — raven-mcp
Eight Knowledge Layers
Everything a senior design team knows
From universal laws of perception to content voice, research methods, service design, brand systems, and production tokens—structured for machines to query and apply.
129
Design principles
Principles
Nielsen's Heuristics, Laws of UX, Gestalt, WCAG accessibility, typography, color theory, mobile UX, responsive layout, and D4D—with violations and checklists.
AccessibilityNielsenGestaltLaws of UXMobile UXResponsive
22
Pattern libraries
Patterns
Proven UI patterns for signup, pricing, dashboards, forms, navigation, CTAs—plus content patterns (errors, empty states, notifications) and service patterns (blueprinting, handoff).
Landing PagesPricingFormsHandoff
5
Brand voice systems
Content Systems
Voice & tone from Mailchimp, GOV.UK, Shopify Polaris, Atlassian, and Intuit. Plus eleven UX-writing principles and content patterns for errors, empty states, notifications, and form validation.
MailchimpGOV.UKPolarisIntuit
6
Metrics frameworks
Research & Data
Qualitative, quantitative, and usability methods with protocols, sample-size guidance, and bias traps. Metrics frameworks: HEART, AARRR, North Star, conversion funnel, RICE, OKRs.
HEARTAARRRUsabilityA/B Tests
14
GOV.UK standard
Service Design
Stickdorn, Shostack, moments of truth, peak-end, human-handoff patterns. Plus an HTML service-blueprint generator with two-actor (HI-loop) mode for customer↔lawyer, patient↔doctor flows.
BlueprintingHandoffHI-loopGOV.UK
7
2026 visual trends
Brand & Visual
Logo usage, gradient systems, imagery, visual hierarchy, brand-as-system thinking—plus a time-stamped 2026 trends file (bento grids, monospace for tone, neon-on-glass, brutalism rebound).
LogoGradientImagery2026 Trends
5
Strategy domains
Business Strategy
Monetization, retention, onboarding, growth, and metrics—the business context that shapes every design decision.
MonetizationRetentionGrowthMetrics
12
Design systems
Tokens
Production design system tokens in W3C DTCG format. Compose tokens across systems, export as CSS variables, Figma Variables, or JSON. Generate custom systems from a brand color.
StripeLinearDTCGFigma
Twenty-Seven Tools
The full flight across all realms
Each tool is a focused query. Claude calls them automatically—no special syntax, no configuration beyond install.
get_principles
Design principles matched to your UI context—heuristics, laws, accessibility, color theory
get_pattern
Proven patterns with do's, don'ts, and evidence across UI, content, and service-design types
get_business_strategy
Monetization, retention, onboarding, growth, and metrics frameworks
evaluate_design
Score a design description against relevant principles and patterns
search_knowledge
Full-text search across all principles, patterns, and business strategy
get_checklist
Pre-publish quality checklist for any UI type—raise the raven banner
get_d4d_framework
Design for Delight—customer empathy, hypothesis, and experiment templates
list_design_systems
Browse the registry of 12 design systems with tokens and metadata
get_design_system
Full tokens—colors, typography, spacing, radii, elevation, motion
compose_system
Mix tokens from multiple design systems into a custom composition
audit_page
Score any HTML page against Raven's design quality standards — typography, accessibility, responsive, tokens
get_brand_system
Get a complete design system for building an app with branding like any company
generate_design_system
Generate a complete design system from a brand color—export as HTML, CSS, Figma, or SVG
audit_layout
Evaluate a rendered page's visual rhythm, alignment, and optical balance
list_content_systems
Browse brand voice & tone systems—Mailchimp, GOV.UK, Polaris, Atlassian, Intuit
get_content_system
A brand's full voice—attributes, tone shifts, vocabulary, grammar, content patterns
get_content_principles
UX-writing principles—clarity, active voice, error anatomy, inclusive language
get_content_pattern
Copy recipes for error messages, empty states, notifications, form validation
get_research_method
Qualitative, quantitative, and usability methods—with protocols and bias traps
get_metrics_framework
HEART, AARRR, North Star, conversion funnel, RICE, OKRs—with examples
get_service_pattern
Blueprinting, human handoff, signup-as-service, omnichannel, moments of truth
get_service_standard
The GOV.UK Service Standard—14 points for service-quality assessment
generate_service_blueprint
Render a service blueprint as HTML—current vs. ideal, with two-actor HI-loop mode
get_brand_principles
Logo usage, gradient rules, imagery, visual hierarchy, brand-as-system
get_brand_trends
2026 visual trends—bento, monospace, neon-on-glass, brutalism, AI imagery
raven_reflect
Summarize your local Raven usage log—tool counts, recurring warnings, gaps
"
Design knowledge was locked in bentwood boxes—agency playbooks, enterprise design system teams, senior designers' heads. Raven broke the boxes open. Light for everyone.
The origin story — Tlingit mythology of Yéil, the Raven who stole the sun
How It Works
Three steps to design-grade AI
1
Install
Clone, build, and add to your MCP config. Two minutes.
npm install && npm run build
2
Prompt
Ask Claude to build any UI. Raven's tools are called automatically.
claude "design a dashboard"
3
Ship
Get UI grounded in real principles, proven patterns, and production tokens.
✓ Design-system grade
Token Registry
The world's best design systems, queryable
Production tokens from 12 world-class design systems in W3C DTCG format. Platforms, products, and frameworks — all queryable.
Apple HIG
Platform
iOSmacOSpremium
Material Design 3
Platform
Androiddynamic-color
Stripe
Fintech
professionalclean
Linear
Productivity
darkminimal
Airbnb
Consumer
warmtrustworthy
Spotify
Consumer
darkvibrant
Vercel
Developer
monochromeminimal
GitHub Primer
Developer
enterpriseaccessible
Notion
Productivity
warmcontent-first
shadcn/ui
Component Library
tailwindradix
Tailwind CSS
Framework
utility-firstcomprehensive
Supabase
Developer
darkgreen-accent
Open Source
Free. All of it.
Every tool, every token, every principle — no limits, no tiers, no catch. Raven is open source and always will be.
27Tools
129Principles
8Knowledge Layers
22Patterns
Design intelligence for every AI-generated interface — accessibility audits, token systems, evaluation scoring, and more. Install in 30 seconds.
