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
4
Brand voice systems
Content Systems
Voice & tone from Mailchimp, GOV.UK, Shopify Polaris, and Atlassian. Plus eleven UX-writing principles and content patterns for errors, empty states, notifications, and form validation.
MailchimpGOV.UKPolarisAtlassian
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
20
Audit tools
Render & Audit
Render any live URL or screen and grade it—contrast, typography, tap targets, responsive visibility, asset integrity. Native SwiftUI and React Native, plus parity and API-contract checks.
WebSwiftUIContrastParity
Fifty-Five Tools
Fifty-five tools, organized by job
Fifty-five focused queries, grouped by what they do—know, create, audit. Claude calls them automatically, with no special syntax.
01
Know
Query the design intelligence — principles, patterns, research, and the reference libraries Raven reasons from.
Principles & patterns
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_checklist
Pre-publish quality checklist for any UI type—forms, dashboards, landing pages, mobile
get_d4d_framework
Design for Delight—customer empathy, hypothesis, and experiment templates
search_knowledge
Full-text search across all principles, patterns, and business strategy
Strategy, metrics & research
get_business_strategy
Monetization, retention, onboarding, growth, and metrics frameworks
get_metrics_framework
HEART, AARRR, North Star, conversion funnel, RICE, OKRs—with examples
get_research_method
Qualitative, quantitative, and usability methods—with protocols and bias traps
Reference libraries
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
list_content_systems
Browse brand voice & tone systems—Mailchimp, GOV.UK, Polaris, Atlassian
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_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
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
02
Create
Generate production-ready systems and assets — from a brand color, a prompt, or a composition.
Design systems & tokens
generate_design_system
Generate a complete design system from a brand color—export as HTML, CSS, Figma, or SVG
compose_system
Mix tokens from multiple design systems into a custom composition
get_brand_system
Get a complete design system for building an app with branding like any company
Brand & creative
create_brand_profile
Store local brand memory: colors, fonts, tone, audience, constraints, product notes, and asset references
get_brand_profile
Read a saved local creative brand profile for reuse in generation and campaign jobs
list_brand_profiles
List saved creative brand profiles under the local Raven creative workspace
create_character_profile
Create a character or identity reference profile for consistent image and video generation
plan_creative_campaign
Plan a multi-asset campaign across photos, cards, UGC ads, TV spots, social packs, and storyboards
create_generation_job
Create a provider-ready image, video, audio, 3D, campaign, or analysis job payload
get_generation_job
Read a generation job, its provider payload, status, and runner output if execution was enabled
list_generation_jobs
List local creative generation jobs by status, media type, or brand profile
list_creative_models
Browse provider-agnostic model slots for image, video, 3D, audio, character consistency, and analysis
list_creative_presets
Browse presets for product photos, marketplace cards, UGC ads, TV spots, social packs, storyboards, and infographics
register_creative_asset
Register a local path or remote URL as an asset reference; Raven stores metadata, not file bytes
Service design
generate_service_blueprint
Render a service blueprint as HTML—current vs. ideal, with two-actor HI-loop mode
03
Audit
Check the work — web, native, and cross-platform — against the standards, with evidence.
Web
audit_page
Score any HTML page against Raven's design quality standards — typography, accessibility, responsive, tokens
audit_url
Render a live URL at every viewport & theme, then catch cropped images, blank videos, hover white-wash, and hidden-on-mobile content
audit_layout
Evaluate a rendered page's visual rhythm, alignment, and optical balance
audit_contrast
WCAG 2.1 contrast ratios for every text element on a rendered page—AA/AAA pass-fail with delta-to-pass
audit_responsive_visibility
Flag content visible on desktop but hidden on mobile across breakpoints—catches responsive-hiding bugs that only surface on real devices
audit_tap_targets
WCAG 2.5.5 / 44px tap-target audit—a per-element fix table with the exact CSS to reach the minimum, worst-first
audit_typography
Typographic-scale report—detects the modular ratio, off-scale sizes, line-height drift, and bloated weight ladders
audit_content
Per-item UX-writing verdicts—metrics need a number, CTAs stay action-led, prose drops passive voice and jargon, with rewrites
audit_asset_integrity
Detect content sliced off inside a correctly-sized export—luminance variance flags a Figma export that ended mid-form
audit_device_frame
Catch content cropped inside a device mockup—aspect-ratio cover loss, baked-in pan/zoom drift, and edges sliced at the frame
Audit React Native / Expo source—touchable a11y, 44/48pt targets, font scaling, safe areas, dark mode
Cross-platform & contracts
audit_parity
Compare iOS and Android snapshots against named spatial relationships—catches cross-platform layout drift past device-verified claims
audit_contract
Verify a wire contract is identical across iOS, proxy, and Android—flags missing tokens, schemaVersion drift, and prefix-ordering bugs
audit_api_contract
Run adversarial queries against a live endpoint—flags responses that pass shape but are confidently wrong
Scoring
evaluate_design
Score a design description against relevant principles and patterns
score_creative
Score prompts, scripts, and concepts for hook strength, benefit clarity, channel fit, audience fit, and brand fit
Meta
Local usage reflection and release registration.
raven_reflect
Summarize your local Raven usage log—tool counts, recurring warnings, gaps
raven_register
Register an email for Raven updates and a direct feedback line to the creator
Watch it work
No Figma file. No designer.
One prompt builds a real SwiftUI app—then Raven audits every screen against 73 principles and 13 patterns, flags the issues, and guides the fixes. Recorded live on the iPhone 17 Pro simulator.
get_principles · evaluate_design
Build from a prompt, design-guided
A single prompt scaffolds a full SwiftUI app—Raven's principles steer layout, color, and type from the first line of code.
get_design_system · get_pattern
Design system applied, not guessed
Activity rings, KPI cards, dark-theme elevation—every choice traced to a principle: 44px targets, 60/30/10 color, Miller's Law.
audit_ios_screen · audit_screen
Real screens, audited live
The Workouts tab built and verified end-to-end—progressive disclosure, smart defaults, and 44pt targets checked against the HIG.
get_pattern · audit_typography
Patterns with evidence
Need a dashboard or streak system? Raven returns the proven pattern—do's, don'ts, and the research behind it—before a pixel is drawn.
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
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
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.
31Tools
129Principles
8Knowledge Layers
22Patterns
Design intelligence for every AI-generated interface — accessibility audits, token systems, evaluation scoring, and more. Install in 30 seconds.
Need something custom?
Custom Design Systems
Get a bespoke Raven-compatible design system built for your brand — tokens, principles, evaluation rules, all tailored to your product.
Everything you need to know about Raven, the design-intelligence MCP server.
What is RavenMCP?
RavenMCP (Raven) is an open-source Model Context Protocol (MCP) server that gives AI agents like Claude design intelligence — the design knowledge once locked in expert heads. It exposes 55 tools across nine knowledge layers: design principles, UI patterns, design-system tokens, content voice, brand, research methods, service blueprints, business strategy, and multi-platform design audits.
How do I install RavenMCP?
Install Raven in one command: claude mcp add raven -- npx -y raven-mcp. It runs through npx, so there's nothing to clone or build. Full setup instructions are in the documentation.
Is RavenMCP free?
Yes. RavenMCP is 100% free and open source under the MIT license. Every tool, token, and principle is included — no tiers, no usage limits, and no account required.
Which AI agents work with RavenMCP?
Raven works with any client that supports the Model Context Protocol, including Claude (Claude Code and the Claude desktop app). Once installed, the agent can call Raven's 55 tools directly during a conversation.
What platforms can RavenMCP audit?
Raven can audit web pages and layouts, iOS/SwiftUI screens, Android screens, and React Native interfaces — checking them against design principles and UI patterns, and flagging issues with contrast, tap targets, typography, and accessibility.
What design systems does RavenMCP support?
Raven includes production tokens from 12 world-class design systems in W3C DTCG format, all queryable by AI agents. It also exposes 129 design principles and 22 reusable UI patterns.
Get Started
Give your AI design intelligence
Open source. Zero runtime dependencies. Works with Claude Code and Claude Desktop.
