get_design_system
Get tokens for a specific design system
How to use it
Project documentation lists get_design_system for the Raven MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), then check which tools your installed version makes available. Tool availability can depend on configuration and credentials. A server handshake does not verify this tool’s behavior. See the full listing for setup details.
Install Raven MCP
npx -y raven-mcpOther tools in Raven MCP (39)
Corpus/multi-page audit — compares ≥2 pages and flags cross-page divergence in content-container width and hero heading tier, inferring the canonical (modal) value from the corpus when no token is supplied — catching relational defects that single-page audits miss
Per-item content verdicts (pass/warn/fail) for headings, prose, CTAs, labels, captions, metrics & outcomes against UX-writing principles + deterministic heuristics (metric needs number+unit; CTA action-led ≤4 words; prose flags passive/jargon/hedging; caption-vs-heading duplication) — with a before→
Compute WCAG contrast for rendered text with tri-state status (pass, fail, indeterminate), effective backdrops, ratio ranges, and delta-to-pass only where the backdrop is determinate
Flag cropped content in device-mockup frames — frames (container box + intrinsic media + object-fit, or a DevTools snippet) detects object-fit:cover crop loss when frame AR ≠ media AR; clips (first/last frame PNGs) detects baked-in pan/zoom (Ken Burns); edgeframes (PNGs) flags content truncated at a
Audit Info.plist (or Expo app.json) /PRIVACY.md/entitlements/source — usage-string honesty, ATS, Android permissions, bundled secrets, undisclosed default data-egress
Score a rendered iOS screen from an accessibility/view-hierarchy snapshot — 44pt targets + contrast + rhythm, in points
Evaluate visual rhythm, alignment, and optical balance; detects orphan-stretch (a lonely last-row grid/flex card stretching far wider than siblings)
Audit HTML/CSS against Raven's quality standards — pass html for static audit, or url to render headless with optional scrollsettle (step through reveal gates, then return to top) and viewport parameters; containerMaxWidth makes container checks token-aware. Also flags inline SVG icons that hardcode
Render a URL at multiple breakpoints and flag content elements that are visible on desktop but hidden on mobile (display:none/opacity:0/zero-size) — categorises each as likely-oversight (content vanishing on mobile) vs intentional (decorative)
Audit React Native / Expo source — touchable a11y labels, 44/48pt+hitSlop targets, font scaling, SafeAreaView, dark mode, against iOS HIG + Android Material
Audit SwiftUI source against Apple HIG — Dynamic Type, semantic colors, 44pt targets, 4/8pt spacing, AccentColor
WCAG 2.5.5 / Apple 44pt web tap-target audit — enumerates every interactive element (rendered URL or snapshot) and emits a per-element fix table: selector, role, text, measured w/h, per-axis pixel deficit, and a concrete CSS fix, sorted worst-first
Typographic-scale report over rendered DOM text nodes (or a supplied snapshot) — detects the dominant modular-scale ratio and flags off-scale sizes, checks line-height consistency vs the body rhythm, and flags weight ladders >4 weights or non-standard values. Goes beyond auditpage's pass/fail typogr
Render a live URL at each viewport×theme, scroll-settle, fire interactions, capture real pixels + DOM, then run the page/contrast/responsive/blank-media checks plus sliced-image edge-symmetry and hover-state white-wash detection over the captures — every finding tagged confirmed/likely-artifact/inco
Render a page and observe whether each <video> actually advances — samples currentTime, readyState, error codes, and autoplay-block state, then classifies each clip into playing
Mix tokens from different systems
Evaluate a design description against principles. Pass base64 PNG screenshots (beforescreenshot/afterscreenshot) for a structured before/after pixel diff with fixconfirmed, changedratio, and changed region. Pass compact: true to return only scores and violations (drops full principle/pattern bodies)
Generate a custom design system from a brand color
Render a service blueprint as HTML — current state, or current vs. ideal side-by-side
Get brand/visual principles — logo, gradient, imagery, hierarchy, brand-as-system
Get a full system styled like a well-known brand
Get current (2026) brand and visual-design trends with usage guidance
Get business/monetization strategies
Get a pre-publish checklist for a UI type
Get copy recipes for error messages, empty-state copy, notifications, form validation
Get UX-writing principles — clarity, active voice, error anatomy, inclusive language
Get a brand's voice attributes, tone shifts, vocabulary, grammar, and content patterns
Get Design for Delight framework templates
Get a product-metrics framework — HEART, AARRR, North Star, conversion funnel, RICE, OKRs
Get proven patterns for a specific UI type
Get design principles relevant to a UI context
Get qualitative, quantitative, or usability research methods with protocols and checklists
Get a service design pattern — blueprinting, human handoff, signup-as-service, omnichannel, moments of truth
Get the GOV.UK Service Standard — 14 points for evaluating service quality
Browse brand voice & tone systems (Conversational Product Voice, GOV.UK, Shopify Polaris, Atlassian)
Browse available design systems
Return a per-category (0–10) design score for a page — typography, accessibility, spacing, color, responsive layout, design tokens, structure — derived from the same checks as auditpage, plus the overall score/grade, the weakest category, and categories Raven does not mechanically assess (brand, con
Search across all principles, patterns, and strategies
Given failing WCAG color pairs, return the minimal fg/bg change that clears the AA/AAA target — concrete passing values to fix auditcontrast failures