Design intelligence for coding agents: audits, design systems, and a taste profile agents consult.
Maintain this server? Claim it
Call this server's tools from your browser. Nothing to install.
Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.
Tool list from our last check. Connect live to refresh it.
Audit multiple pages for cross-page consistency of content-container width and hero heading tier. Pass ≥2 pages ({name, html}) collected from different routes on the same site. Infers the canonical (modal) value from the corpus when no token is supplied, so you need not know the project's design token in advance. Flags the issue #9 single-blob blind spot: pages that each pass audit_page but silently disagree with each other on container width or hero size class. Returns per-page extraction (container_px, container_classes, hero_classes, signatures), consistency dimensions with reference values, outlier page names, issues[], score (100/50/0 → A/C/D), and a plain-text summary. Pure offline — no browser, no network.
At least 2 pages to compare. Each entry is {name, html}.
Canonical hero heading class signature (e.g. "text-display-xl" or "64"). When supplied, hero divergence is measured against this token rather than the corpus modal.
Project's canonical container width in px (e.g. 1152). When supplied, container divergence is measured against this token rather than the corpus modal.
Audit multiple pages for cross-page consistency of content-container width and hero heading tier. Pass ≥2 pages ({name, html}) collected from different routes on the same site. Infers the canonical (modal) value from the corpus when no token is supplied, so you need not know the project's design token in advance. Flags the issue #9 single-blob blind spot: pages that each pass audit_page but silently disagree with each other on container width or hero size class. Returns per-page extraction (container_px, container_classes, hero_classes, signatures), consistency dimensions with reference values, outlier page names, issues[], score (100/50/0 → A/C/D), and a plain-text summary. Pure offline — no browser, no network.
| Argument | Type | Description |
|---|---|---|
| pages* | array | At least 2 pages to compare. Each entry is {name, html}. |
| hero_token | string | Canonical hero heading class signature (e.g. "text-display-xl" or "64"). When supplied, hero divergence is measured against this token rather than the corpus modal. |
| container_token | number | Project's canonical container width in px (e.g. 1152). When supplied, container divergence is measured against this token rather than the corpus modal. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"pages"
],
"properties": {
"pages": {
"type": "array",
"items": {
"type": "object",
"required": [
"name",
"html"
],
"properties": {
"html": {
"type": "string",
"minLength": 1,
"description": "Full HTML source for the page, including any <style> blocks."
},
"name": {
"type": "string",
"minLength": 1,
"description": "Page route or label (e.g. \"/\", \"/changelog\", \"get-started\")."
}
},
"additionalProperties": false
},
"minItems": 2,
"description": "At least 2 pages to compare. Each entry is {name, html}."
},
"hero_token": {
"type": "string",
"description": "Canonical hero heading class signature (e.g. \"text-display-xl\" or \"64\"). When supplied, hero divergence is measured against this token rather than the corpus modal."
},
"container_token": {
"type": "number",
"description": "Project's canonical container width in px (e.g. 1152). When supplied, container divergence is measured against this token rather than the corpus modal."
}
},
"additionalProperties": false
}Evaluate an array of content items (headings, prose, CTAs, labels, captions, metrics, outcomes) against UX-writing principles and deterministic heuristics. Returns a per-item verdict (pass/warn/fail) with matched principle ids, concrete issues grounded in principle text, a before→after rewrite suggestion, and an aggregate summary. Heuristics: metric items must carry a number+unit; cta/label must be action-led and ≤4 words; prose flags passive voice, jargon, and hedging; headings flag filler openers and buzzwords; captions flag duplication of any heading in the batch. Pure offline — no network or browser. Use this instead of evaluate_design when you need per-item content verdicts rather than the principle library.
| Argument | Type | Description |
|---|---|---|
| goals | array | Optional content goals (e.g. ['clarity','conversion']); recorded for traceability. |
| items* | array | Array of content items to audit. |
| system | string | Optional content-system id (e.g. 'ux-writing'); recorded for traceability. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"items"
],
"properties": {
"goals": {
"type": "array",
"items": {
"type": "string"
},
"description": "Optional content goals (e.g. ['clarity','conversion']); recorded for traceability."
},
"items": {
"type": "array",
"items": {
"type": "object",
"required": [
"type",
"text"
],
"properties": {
"id": {
"type": "string",
"description": "Optional stable id; auto-generated (item_N) if omitted."
},
"text": {
"type": "string",
"description": "The raw content string to evaluate."
},
"type": {
"enum": [
"prose",
"caption",
"heading",
"outcome",
"metric",
"cta",
"label"
],
"type": "string",
"description": "Content type — selects which heuristics apply."
}
},
"additionalProperties": false
},
"description": "Array of content items to audit."
},
"system": {
"type": "string",
"description": "Optional content-system id (e.g. 'ux-writing'); recorded for traceability."
}
},
"additionalProperties": false
}Compute WCAG contrast ratios for every text element on a rendered page (pass url) or from a supplied dom_snapshot. Reports AA (4.5:1 normal, 3:1 large) and AAA pass/fail and surfaces failing pairs with selector, ratio, and delta-to-pass — replacing manual eyedropper + ratio math. dom_snapshot mode returns a row per supplied element; url mode returns counts plus every row that needs action (aa_failures, indeterminate_bg_rows) and OMITS the per-element rows for passing elements, because a real page produces hundreds of thousands of characters of them.
| Argument | Type | Description |
|---|---|---|
| url | string | URL to render and measure (http/https or file://) |
| screenshot | string | Optional base64 PNG for caller reference; ratios are computed from the DOM, not pixels |
| dom_snapshot | array | Pre-collected text elements to score without rendering |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "URL to render and measure (http/https or file://)"
},
"screenshot": {
"type": "string",
"description": "Optional base64 PNG for caller reference; ratios are computed from the DOM, not pixels"
},
"dom_snapshot": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"color",
"bgColor"
],
"properties": {
"bold": {
"type": "boolean"
},
"text": {
"type": "string"
},
"color": {
"type": "string"
},
"fontPx": {
"type": "number"
},
"bgColor": {
"type": "string"
},
"selector": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Pre-collected text elements to score without rendering"
}
},
"additionalProperties": false
}Score an accessibility-enriched iOS element snapshot — missing accessibilityLabel/value/traits, sub-44pt tap targets, per-text WCAG contrast, Dynamic Type clipping, and VoiceOver reading order. Provide {elements:[{label,value,hint,traits,role,rect,fontPt,fgColor,bgColor,dynamicTypeClipped}],viewport}. Capture via the AccessibilitySnapshot XCUITest / ios-capture harness.
| Argument | Type | Description |
|---|---|---|
| options | object | |
| elements* | array | |
| viewport* | object |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"elements",
"viewport"
],
"properties": {
"options": {
"type": "object",
"properties": {
"minTarget": {
"type": "number"
}
},
"additionalProperties": false
},
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"rect"
],
"properties": {
"hint": {
"type": "string"
},
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"role": {
"type": "string"
},
"label": {
"type": "string"
},
"value": {
"type": "string"
},
"fontPt": {
"type": "number"
},
"traits": {
"type": "array",
"items": {
"type": "string"
}
},
"bgColor": {
"type": "string"
},
"fgColor": {
"type": "string"
},
"dynamicTypeClipped": {
"type": "boolean"
}
},
"additionalProperties": false
}
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"additionalProperties": false
}
},
"additionalProperties": false
}Audit an iOS or React Native/Expo app's privacy posture for App Review and user trust. Reads a native Info.plist XML OR an Expo app.json (managed Expo apps have no Info.plist) — plus optional PRIVACY.md, entitlements, and source. Flags: NS*UsageDescription strings that are vague/missing or contradict the code (e.g. a HealthKit write claim the code never fulfills), entitlements/permissions and Android permissions the app doesn't use, ATS cleartext exceptions and non-HTTPS endpoints, secrets/keys shipped in the bundle or app.json, and default data-egress paths not disclosed at the point of choice (a pre-selected 'Recommended' option that silently sends personal data to a server). Same return shape as audit_page.
| Argument | Type | Description |
|---|---|---|
| source | string | Optional concatenated source (Swift or JS/TS) — enables code-vs-declaration contradiction checks and default-egress detection |
| app_json | string | Expo app.json / app.config JSON (managed RN). Its expo.ios.infoPlist, expo.android.permissions, plugins, and extra are audited. |
| info_plist | string | Raw Info.plist XML (native iOS / bare RN). Provide this OR app_json. |
| privacy_md | string | Optional PRIVACY.md / privacy policy text to cross-reference against declared permissions and default behavior |
| entitlements | string | Optional .entitlements XML |
Audit a rendered iOS screen from a view-hierarchy/accessibility snapshot (and optional screenshot). Alias of audit_screen with platform:"ios". Call with no arguments for the expected snapshot shape. Call with {elements:[{label,rect:{x,y,w,h},role,fontPt,fgColor,bgColor}],viewport:{w,h}} to score 44×44pt touch targets, contrast (with iOS secondaryLabel/tertiaryLabel treated as platform-standard — warn not fail), and visual rhythm (alignment, gap consistency, optical balance) in points. Same return shape as audit_page. Taste-profile bindings are not available on the hosted (remote) endpoint (per-user state is a later phase). Omit 'project'/'profile' to run the stateless iOS screen audit.
| Argument | Type | Description |
|---|---|---|
| profile | string | Taste profile owning the binding. Omit to search all stored profiles for one bound to the project. |
| project | string | Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes and a screenshot is passed, the screenshot's pixels verify the color-scheme notes; results gain note_assessments. |
| elements | array | Elements captured from the rendered screen via an accessibility/view-hierarchy snapshot |
| viewport | object | Screen size in pt (iOS) or dp (Android) at capture time, e.g. {w:393,h:852} iPhone 15, {w:412,h:915} Pixel |
| screenshot | string | Optional base64 PNG of the screen, for the caller's reference. Geometry is scored from the snapshot, not decoded pixels. |
Evaluate visual rhythm from a rendered page's geometry. Call with no arguments to get a DevTools snippet to paste into your page — it prints {elements, viewport} JSON. Call again with that JSON to get alignment, gap-rhythm, and optical-balance scores. This is the complement to audit_page for things only visible once rendered.
| Argument | Type | Description |
|---|---|---|
| elements | array | Array of element rects captured from the rendered page via the DevTools snippet |
| viewport | object | Viewport dimensions {w,h} at capture time |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"rect"
],
"properties": {
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"computed": {
"type": "object",
"properties": {
"gap": {
"type": "string"
},
"color": {
"type": "string"
},
"margin": {
"type": "string"
},
"padding": {
"type": "string"
},
"fontSize": {
"type": "string"
},
"background": {
"type": "string"
}
},
"additionalProperties": false
},
"selector": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Array of element rects captured from the rendered page via the DevTools snippet"
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"description": "Viewport dimensions {w,h} at capture time",
"additionalProperties": false
}
},
"additionalProperties": false
}Audit HTML/CSS against Raven's design quality standards. Checks typography (min 13px, weight 400+, modular-scale heading ratios, line-height consistency), accessibility (WCAG touch targets, alt text, contrast), responsive patterns (flexbox over grid, clamp sizing, max-width containers), style guide compliance (CSS custom properties, no bare hex), and visual rhythm (4/8px spacing grid, tight spacing scale, palette size). Pass containerMaxWidth (your design system's canonical container token, in px) to make the max-width check token-aware — it then flags containers that diverge from your system (too narrow OR too wide) instead of a generic 1200px heuristic. Returns pass/fail per check with specific fix instructions. NOTE: the url argument is REJECTED on this hosted (remote) endpoint - pass html instead. audit_page url-capture is disabled on the hosted (remote) endpoint. Pass the page HTML via the 'html' argument instead.
| Argument | Type | Description |
|---|---|---|
| url | string | REJECTED on this hosted (remote) endpoint; pass html instead. (Local/stdio: Raven launches headless chromium, renders the page, and audits the RENDERED DOM.) |
| html | string | The full HTML content of the page to audit |
| strict | boolean | Strict mode — also flags warnings as failures. Default: false |
| compact | boolean | Return only the decision-grade signal — score, grade, summary, errors, warnings, fix_priority — and drop the embedded base64 screenshot and the passes list (replaced by passes_count). Default false. Use when the full payload would blow the tool-result budget. |
Compare iOS vs Android element snapshots against a checklist of named spatial relationships (vertical centering, baseline/left alignment, equal gap/size, presence, truncation) and flag per-relation match/mismatch/uncertain — catches cross-platform layout drift like status text centered on one platform but top-aligned on the other. Provide ios+android {elements,viewport} snapshots and a checklist[].
| Argument | Type | Description |
|---|---|---|
| ios* | object | |
| android* | object | |
| checklist* | array |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"ios",
"android",
"checklist"
],
"properties": {
"ios": {
"type": "object",
"required": [
"elements",
"viewport"
],
"properties": {
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"rect"
],
"properties": {
"id": {
"type": "string"
},
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"role": {
"type": "string"
},
"label": {
"type": "string"
}
},
"additionalProperties": false
}
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"additionalProperties": false
}
},
"additionalProperties": false
},
"android": {
"type": "object",
"required": [
"elements",
"viewport"
],
"properties": {
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"rect"
],
"properties": {
"id": {
"type": "string"
},
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"role": {
"type": "string"
},
"label": {
"type": "string"
}
},
"additionalProperties": false
}
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"additionalProperties": false
}
},
"additionalProperties": false
},
"checklist": {
"type": "array",
"items": {
"type": "object",
"required": [
"name",
"a",
"relation"
],
"properties": {
"a": {
"type": "string"
},
"b": {
"type": "string"
},
"name": {
"type": "string"
},
"relation": {
"enum": [
"present",
"vertically-centered",
"baseline-aligned",
"left-aligned",
"equal-gap",
"equal-size",
"same-truncation"
],
"type": "string"
},
"tolerance": {
"type": "number"
}
},
"additionalProperties": false
}
}
},
"additionalProperties": false
}Render a URL at multiple breakpoints and flag content elements that are visible on desktop but hidden on mobile (display:none / opacity:0 / visibility:hidden / zero-size). Categorises each flag as 'likely-oversight' (content that vanishes on mobile — the hidden-on-mobile content bug) vs 'intentional' (decorative). Returns a table of selector / hiding-class / mobile-visible / desktop-visible / category. Requires headless chromium.
| Argument | Type | Description |
|---|---|---|
| url* | string | URL to render (http/https or file://) |
| breakpoints | array | Viewport widths in px. Default [390, 768, 1440, 2160] |
| viewportHeight | number | Render height in px. Default 900 |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"url"
],
"properties": {
"url": {
"type": "string",
"description": "URL to render (http/https or file://)"
},
"breakpoints": {
"type": "array",
"items": {
"type": "number"
},
"description": "Viewport widths in px. Default [390, 768, 1440, 2160]"
},
"viewportHeight": {
"type": "number",
"description": "Render height in px. Default 900"
}
},
"additionalProperties": false
}Audit React Native / Expo source (JSX/TSX + StyleSheet) against the iOS HIG + Android Material conventions RN must satisfy. Flags touchables missing accessibilityLabel/accessibilityRole, touchables below 44pt without hitSlop, allowFontScaling={false}, fontSize below ~13, screens without SafeAreaView, and (for multi-mode apps) hardcoded colors with no useColorScheme/Appearance dark-mode handling. Rewards SafeAreaView, hitSlop, Platform-aware code, and a theme. RN-native checks only — no web/CSS or SwiftUI rules. Same return shape as audit_page. (RN renders to native widgets, so audit_ios_screen scores the rendered screen.) Taste-profile bindings are not available on the hosted (remote) endpoint (per-user state is a later phase). Omit 'project'/'profile' to run the stateless React Native audit.
| Argument | Type | Description |
|---|---|---|
| source* | any | React Native source — a single screen/component as a string, or an array of file contents. Concatenated before analysis. |
| strict | boolean | Strict mode — also count warnings as failures for grading. Default: false |
| profile | string | Taste profile owning the binding. Omit to search all stored profiles for one bound to the project. |
| project | string | Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes, each note is verified against the source (Animated/Reanimated, BlurView, haptics, fonts) and returned in note_assessments; missing notes count toward the grade. |
| color_scheme |
Audit a rendered mobile screen (iOS or Android) from a view-hierarchy/accessibility snapshot. Call with no arguments for the expected snapshot shape and how to capture it. Pass platform:"android" to score against the 48dp Material touch minimum and Material muted roles (onSurfaceVariant/outline = warn not fail); default platform:"ios" scores 44pt and treats secondaryLabel/tertiaryLabel as platform-standard. Both score touch targets, contrast, and visual rhythm (alignment, gap consistency, optical balance). Same return shape as audit_page. Taste-profile bindings are not available on the hosted (remote) endpoint (per-user state is a later phase). Omit 'project'/'profile' to run the stateless screen audit.
| Argument | Type | Description |
|---|---|---|
| profile | string | Taste profile owning the binding. Omit to search all stored profiles for one bound to the project. |
| project | string | Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes and a screenshot is passed, the screenshot's pixels verify the color-scheme notes; results gain note_assessments. |
| elements | array | Elements captured from the rendered screen via an accessibility/view-hierarchy snapshot |
| platform | string | Target platform — 'ios' (default, 44pt minimum, iOS semantic colors) or 'android' (48dp minimum, Material semantic roles) |
| viewport | object | Screen size in pt (iOS) or dp (Android) at capture time, e.g. {w:393,h:852} iPhone 15, {w:412,h:915} Pixel |
Audit SwiftUI source against Apple's Human Interface Guidelines. Flags hardcoded .font(.system(size:)) below ~13pt and tiny semantic fonts (.caption/.caption2), hardcoded Color(red:green:blue:)/hex instead of asset-catalog or semantic system colors, an empty/undefined AccentColor, interactive frames below 44×44pt, and ad-hoc spacing off the 4/8-pt grid. Rewards semantic Dynamic Type fonts, semantic system colors, SF Symbols, and flexible frames. iOS-native checks only — no web/CSS rules. Returns pass/fail per check with fix instructions. Taste-profile bindings are not available on the hosted (remote) endpoint (per-user state is a later phase). Omit 'project'/'profile' to run the stateless SwiftUI audit.
| Argument | Type | Description |
|---|---|---|
| source* | any | SwiftUI source — a single file/view as a string, or an array of file contents. Concatenated before analysis. |
| strict | boolean | Strict mode — also count warnings as failures for grading. Default: false |
| profile | string | Taste profile owning the binding. Omit to search all stored profiles for one bound to the project. |
| project | string | Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes, each note is verified against the source (animation/material/haptic/font APIs) and returned in note_assessments; missing notes count toward the grade. |
| accent_color_contents | string |
WCAG 2.5.5 / Apple 44pt tap-target audit for the web. Collects every interactive element (a, button, [role=button], input[type=submit/button/checkbox/radio], select, summary, label[for], [onclick], [tabindex>=0]) and emits a PER-ELEMENT fix table for any whose rendered width or height is below the minimum (default 44px): selector, role, visible text, measured w/h, pixel deficit per axis, and a concrete CSS fix. Sorted worst-first. Two modes: pass url (renders in headless chromium, measures real getBoundingClientRect) or pass elements[] snapshot (pure, no browser).
| Argument | Type | Description |
|---|---|---|
| url | string | URL to render and measure. Requires headless chromium. |
| minSize | number | Minimum tap-target size in px on each axis. Default 44. |
| elements | array | Pre-collected interactive elements to score without rendering. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "URL to render and measure. Requires headless chromium."
},
"minSize": {
"type": "number",
"description": "Minimum tap-target size in px on each axis. Default 44."
},
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
},
"role": {
"type": "string"
},
"text": {
"type": "string"
},
"selector": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Pre-collected interactive elements to score without rendering."
}
},
"additionalProperties": false
}Audit the typographic SCALE of a rendered page (pass url) or a pre-collected snapshot of text nodes. Emits a focused report: (a) MODULAR SCALE — detects the dominant ratio (~1.2/1.25/1.333/1.5) across distinct font sizes and flags off-scale outliers; (b) LINE-HEIGHT CONSISTENCY — unitless lh/fs ratio per node, identifies the body rhythm and flags outliers; (c) WEIGHT LADDER — distinct weights, flags >4 weights or non-standard CSS values. Returns scale, line_height, weight_ladder, nodes_analyzed, and findings[{rule,severity,selector,message,fix}]. Goes beyond audit_page's pass/fail typography checks. NOTE: despite the mention of url above, url mode is DISABLED on this hosted (remote) endpoint - pass nodes instead. audit_typography url-capture is disabled on the hosted (remote) endpoint. Pass a 'nodes' snapshot instead of 'url'.
| Argument | Type | Description |
|---|---|---|
| url | string | REJECTED on this hosted (remote) endpoint; pass nodes instead. (Local/stdio: URL to render and measure, http/https or file://; requires headless chromium.) |
| nodes | array | Pre-collected text nodes to analyze without rendering. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "REJECTED on this hosted (remote) endpoint; pass nodes instead. (Local/stdio: URL to render and measure, http/https or file://; requires headless chromium.)"
},
"nodes": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"fontPx"
],
"properties": {
"tag": {
"type": "string"
},
"text": {
"type": "string"
},
"fontPx": {
"type": "number"
},
"selector": {
"type": "string"
},
"fontWeight": {
"type": "number"
},
"lineHeightPx": {
"type": "number"
}
},
"additionalProperties": false
},
"description": "Pre-collected text nodes to analyze without rendering."
}
},
"additionalProperties": false
}Layer 0 render-and-capture audit: renders a LIVE URL at each viewport×theme, scroll-settles (fires whileInView/IntersectionObserver reveals; plays preload=none videos), optionally fires caller-supplied hover/focus/click interactions, and captures real pixels + the rendered DOM. Then runs the existing audit_page rule engine, per-element WCAG contrast, responsive-visibility (desktop-shown/mobile-hidden), blank-media detection, sliced-image edge symmetry, and hover-state white-wash detection over the captures. Every finding is tagged confirmed | likely-artifact | inconclusive with its evidence, ranked by severity. This is the tool that catches real-world visual nits invisible to HTML-string/geometry audits: cropped images, blank videos, hover white-wash, sliced exports, and hidden-on-mobile content. Requires headless chromium. audit_url is disabled on the hosted (remote) endpoint: one run drives a real browser through every requested viewport and theme, and was MEASURED at 95s in its cheapest single-viewport single-theme configuration and past 120s with defaults, which exceeds the per-call budget of the hosted clients that call it. Run it locally instead (npx raven-mcp) where there is no request deadline, or pass the page HTML to audit_page here for a static grade.
| Argument | Type | Description |
|---|---|---|
| url* | string | URL to render and audit (http/https or file://) |
| themes | array | Themes to toggle (prefers-color-scheme + data-theme/class). Default: ['light','dark'] |
| compact | boolean | Drop per-capture base64 screenshots; keep findings, counts, and summary. Default false. Use when screenshots would blow the tool-result budget. |
| timeoutMs |
Render a page in headless Chromium and observe whether each <video> actually advances (samples currentTime before/after a play attempt), classifying every clip into playing|paused|stalled|empty|error with a reason. Catches black/non-playing videos that static audits miss — the most common real-world defect on marketing sites with video backgrounds. Pass url to render + observe, or dom_snapshot to classify pre-collected observations without a browser.
| Argument | Type | Description |
|---|---|---|
| url | string | URL to render and observe (http/https or file://). Requires headless chromium. |
| observeMs | number | Milliseconds to wait between currentTime samples after play() attempt. Default: 1000 |
| dom_snapshot | array | Pre-collected video observations to classify without rendering (deterministic path) |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "URL to render and observe (http/https or file://). Requires headless chromium."
},
"observeMs": {
"type": "number",
"description": "Milliseconds to wait between currentTime samples after play() attempt. Default: 1000"
},
"dom_snapshot": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"hasSource",
"readyState",
"networkState",
"errorCode",
"paused",
"autoplayBlocked",
"currentTimeStart",
"currentTimeEnd"
],
"properties": {
"paused": {
"type": "boolean",
"description": "True if the element is paused"
},
"selector": {
"type": "string",
"description": "CSS selector identifying the video element"
},
"errorCode": {
"type": "number",
"description": "MediaError.code (0=none, 1=aborted, 2=network, 3=decode, 4=src-not-supported)"
},
"hasSource": {
"type": "boolean",
"description": "True if currentSrc is non-empty OR the element has a src attribute or <source> child"
},
"readyState": {
"type": "number",
"description": "HTMLMediaElement.readyState (0..4)"
},
"networkState": {
"type": "number",
"description": "HTMLMediaElement.networkState (0..3; 3=NETWORK_NO_SOURCE)"
},
"currentTimeEnd": {
"type": "number",
"description": "currentTime recorded after the observe window"
},
"autoplayBlocked": {
"type": "boolean",
"description": "True if play() was rejected with NotAllowedError"
},
"currentTimeStart": {
"type": "number",
"description": "currentTime recorded before the play attempt"
}
},
"additionalProperties": false
},
"description": "Pre-collected video observations to classify without rendering (deterministic path)"
}
},
"additionalProperties": false
}Mix tokens from different design systems to create a custom composite. Example: Linear's colors + Stripe's typography.
| Argument | Type | Description |
|---|---|---|
| format | string | Output format. Default: dtcg |
| compositions* | array | Array of system-group pairs to compose |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"compositions"
],
"properties": {
"format": {
"enum": [
"dtcg",
"css"
],
"type": "string",
"description": "Output format. Default: dtcg"
},
"compositions": {
"type": "array",
"items": {
"type": "object",
"required": [
"system",
"group"
],
"properties": {
"group": {
"type": "string",
"description": "Token group to take (color, typography, spacing, radius, elevation, motion)"
},
"system": {
"type": "string",
"description": "Source design system ID"
}
},
"additionalProperties": false
},
"description": "Array of system-group pairs to compose"
}
},
"additionalProperties": false
}Evaluate a design description against UX principles. Returns relevant principles, potential violations, and improvement suggestions. Screenshot pixel-diff is disabled on the hosted (remote) endpoint (unbounded image decode). Omit 'before_screenshot'/'after_screenshot' and pass a 'description' to evaluate the design against UX principles statelessly.
| Argument | Type | Description |
|---|---|---|
| goals | array | What to evaluate for (e.g. ['conversion', 'accessibility', 'mobile-usability']) |
| compact | boolean | Return only ids+names for matched principles/patterns (drop their full bodies) plus counts and any before/after diff. Default false. Use when the full principle library payload would blow the tool-result budget. |
| context | string | What the design is (e.g. 'pricing page for SaaS product') |
| description | string | Description of the design to evaluate |
| after_screenshot | string | Base64 PNG of the AFTER state. When both before+after are provided, returns a structured pixel diff with fix_confirmed. |
| before_screenshot | string | Base64 PNG of the BEFORE state |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"goals": {
"type": "array",
"items": {
"type": "string"
},
"description": "What to evaluate for (e.g. ['conversion', 'accessibility', 'mobile-usability'])"
},
"compact": {
"type": "boolean",
"description": "Return only ids+names for matched principles/patterns (drop their full bodies) plus counts and any before/after diff. Default false. Use when the full principle library payload would blow the tool-result budget."
},
"context": {
"type": "string",
"description": "What the design is (e.g. 'pricing page for SaaS product')"
},
"description": {
"type": "string",
"description": "Description of the design to evaluate"
},
"after_screenshot": {
"type": "string",
"description": "Base64 PNG of the AFTER state. When both before+after are provided, returns a structured pixel diff with fix_confirmed."
},
"before_screenshot": {
"type": "string",
"description": "Base64 PNG of the BEFORE state"
}
},
"additionalProperties": false
}Generate a complete, custom design system with full token set. Provide a brand color to auto-generate a harmonious palette, pick a style preset, and export as visual HTML documentation, CSS variables, W3C DTCG JSON, Figma Variables, or SVG palette card. The HTML export is a beautiful, self-contained page suitable for sharing with stakeholders.
| Argument | Type | Description |
|---|---|---|
| name* | string | Name for the design system (e.g. 'Acme Corp', 'NightOwl') |
| style | string | Aesthetic direction — influences spacing, radii, shadows, motion, and typography. Default: minimal |
| format | string | Export format: html (visual doc page), css (custom properties), dtcg (W3C JSON), figma (Figma Variables JSON), svg (color palette card), all. Default: html |
| dark_mode | boolean | Generate dark mode tokens alongside light. Default: true |
| base_system | string | Start from an existing system as foundation (e.g. 'stripe', 'linear'). Colors will be replaced by brand_color if provided. |
| brand_color | string | Primary brand hex color (e.g. '#FF6B35'). Auto-generates a full harmonious palette using color theory. |
Render a service blueprint as a self-contained HTML page. Supports two modes: (1) classic Shostack single-actor blueprint — user action, frontstage, backstage, support, evidence, pain/delight; (2) two-actor HI-loop blueprint — when `actors` is supplied, renders two swim lanes with a line of interaction between them (e.g. customer ↔ lawyer, patient ↔ doctor, buyer ↔ agent). Each actor gets their own actions, frontstage (what they see), and evidence. Optionally accepts an ideal-state to render side-by-side with the current state.
| Argument | Type | Description |
|---|---|---|
| ideal | array | Optional ideal-state blueprint — if provided, output shows current AND ideal side-by-side |
| actors | object | Omit for classic single-actor Shostack blueprint. Provide to render a two-swim-lane HI-loop blueprint with a line of interaction between the two sides. |
| current* | array | The current-state blueprint as an array of steps |
| subtitle | string | Short description or context line under the title |
| service_name* | string | Name of the service (e.g. 'Free trial signup', 'Client intake', 'Restaurant reservation') |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"service_name",
"current"
],
"properties": {
"ideal": {
"type": "array",
"items": {
"type": "object",
"required": [
"label"
],
"properties": {
"label": {
"type": "string"
},
"actor_b": {
"type": "object",
"properties": {
"action": {
"type": "string"
},
"evidence": {
"type": "string"
},
"frontstage": {
"type": "string"
}
},
"additionalProperties": false
},
"delight": {
"type": "string"
},
"support": {
"type": "string"
},
"evidence": {
"type": "string"
},
"backstage": {
"type": "string"
},
"frontstage": {
"type": "string"
},
"pain_point": {
"type": "string"
},
"user_action": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Optional ideal-state blueprint — if provided, output shows current AND ideal side-by-side"
},
"actors": {
"type": "object",
"required": [
"b"
],
"properties": {
"a": {
"type": "object",
"required": [
"label"
],
"properties": {
"label": {
"type": "string"
}
},
"description": "Actor A label (default: 'User'). Use when you want to name the first side (e.g. 'Customer', 'Patient').",
"additionalProperties": false
},
"b": {
"type": "object",
"required": [
"label"
],
"properties": {
"label": {
"type": "string"
}
},
"description": "Actor B label (e.g. 'Lawyer', 'Doctor', 'Agent'). Presence of this field switches to two-actor layout.",
"additionalProperties": false
}
},
"description": "Omit for classic single-actor Shostack blueprint. Provide to render a two-swim-lane HI-loop blueprint with a line of interaction between the two sides.",
"additionalProperties": false
},
"current": {
"type": "array",
"items": {
"type": "object",
"required": [
"label"
],
"properties": {
"label": {
"type": "string",
"description": "Step label (e.g. 'Discover', 'Sign up', 'First use')"
},
"actor_b": {
"type": "object",
"properties": {
"action": {
"type": "string",
"description": "What actor B does in this step"
},
"evidence": {
"type": "string",
"description": "Artifact actor B has — case file, notes, record"
},
"frontstage": {
"type": "string",
"description": "What actor B sees — their own UI, tools, views"
}
},
"description": "Only used when `actors.b` is provided. Captures the other side of the interaction.",
"additionalProperties": false
},
"delight": {
"type": "string",
"description": "Designed moment of delight at this step (shown as green callout)"
},
"support": {
"type": "string",
"description": "Supporting processes, systems, third-party dependencies"
},
"evidence": {
"type": "string",
"description": "In single-actor: artifact user receives. In two-actor: artifact actor A has."
},
"backstage": {
"type": "string",
"description": "What neither actor sees directly — shared systems, internal processes, back-office work"
},
"frontstage": {
"type": "string",
"description": "In single-actor: what the user SEES (UI, agent greeting). In two-actor: what actor A sees."
},
"pain_point": {
"type": "string",
"description": "Known pain point at this step (shown as red callout)"
},
"user_action": {
"type": "string",
"description": "In single-actor: what the user does. In two-actor: what actor A does."
}
},
"additionalProperties": false
},
"description": "The current-state blueprint as an array of steps"
},
"subtitle": {
"type": "string",
"description": "Short description or context line under the title"
},
"service_name": {
"type": "string",
"description": "Name of the service (e.g. 'Free trial signup', 'Client intake', 'Restaurant reservation')"
}
},
"additionalProperties": false
}Get brand and visual-design principles — logo usage (clear space, min sizes, variants, placement, restraint), gradient usage (hierarchy, palette, contrast, trend vs signature), imagery (consistency, representation, purpose), visual hierarchy, and brand-as-system thinking. Use when the user asks about branding, logos, gradients, imagery, visual consistency, or how to treat a brand across surfaces.
| Argument | Type | Description |
|---|---|---|
| topic | string | Filter by topic: 'logo', 'gradient', 'imagery', 'hierarchy', 'system', or a freeform search term. Omit to return all brand principles. |
| format | string | Output format. Default: full. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"topic": {
"type": "string",
"description": "Filter by topic: 'logo', 'gradient', 'imagery', 'hierarchy', 'system', or a freeform search term. Omit to return all brand principles."
},
"format": {
"enum": [
"full",
"checklist",
"brief"
],
"type": "string",
"description": "Output format. Default: full."
}
},
"additionalProperties": false
}Get a complete design system for building an app with branding like a specific company. Say 'Make me an app with branding like Spotify' and get the full token set, style guide, and implementation instructions. Matches against 12 known design systems and provides closest match with ready-to-use CSS.
| Argument | Type | Description |
|---|---|---|
| mode | string | Color mode preference. Default: based on the system's primary mode |
| format | string | Output format: 'css' for CSS variables, 'dtcg' for W3C tokens, 'guide' for full implementation guide. Default: guide |
| company* | string | The company whose branding to use (e.g. 'Spotify', 'Stripe', 'Apple', 'Linear', 'Airbnb') |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"company"
],
"properties": {
"mode": {
"enum": [
"light",
"dark"
],
"type": "string",
"description": "Color mode preference. Default: based on the system's primary mode"
},
"format": {
"enum": [
"css",
"dtcg",
"guide"
],
"type": "string",
"description": "Output format: 'css' for CSS variables, 'dtcg' for W3C tokens, 'guide' for full implementation guide. Default: guide"
},
"company": {
"type": "string",
"description": "The company whose branding to use (e.g. 'Spotify', 'Stripe', 'Apple', 'Linear', 'Airbnb')"
}
},
"additionalProperties": false
}Get current brand and visual-design trends — what's working in 2026 and where each trend fits or fails. Includes bento grids, monospace type, neon-on-dark-glass, generative patterns, brutalism rebound, AI-generated imagery, lowercase/mixed case. Each trend is time-stamped — treat as a calibration signal, not a prescription.
No arguments.
{
"type": "object",
"properties": {}
}Get business and monetization strategies for digital products. Covers monetization models, retention strategies, onboarding optimization, growth mechanics, and product metrics frameworks.
| Argument | Type | Description |
|---|---|---|
| type* | string | Strategy type: monetization, retention, onboarding, growth, metrics |
| stage | string | Company stage for contextual filtering |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"type"
],
"properties": {
"type": {
"type": "string",
"description": "Strategy type: monetization, retention, onboarding, growth, metrics"
},
"stage": {
"enum": [
"startup",
"growth",
"mature"
],
"type": "string",
"description": "Company stage for contextual filtering"
}
},
"additionalProperties": false
}Get a pre-publish checklist for a specific UI type. Returns actionable yes/no items to verify before shipping.
| Argument | Type | Description |
|---|---|---|
| type* | string | What you're shipping (e.g. 'signup form', 'pricing page', 'dashboard', 'landing page', 'modal') |
| platform | string | Platform context for platform-specific checks. 'ios' = native SwiftUI/iOS (Apple HIG); 'react-native' = RN/Expo (iOS HIG + Android Material: 44/48pt+hitSlop, accessibilityLabel/Role, font scaling, SafeAreaView, dark mode, platform parity, secrets). Both replace the web/mobile-web checks. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"type"
],
"properties": {
"type": {
"type": "string",
"description": "What you're shipping (e.g. 'signup form', 'pricing page', 'dashboard', 'landing page', 'modal')"
},
"platform": {
"enum": [
"desktop",
"mobile",
"responsive",
"ios",
"react-native"
],
"type": "string",
"description": "Platform context for platform-specific checks. 'ios' = native SwiftUI/iOS (Apple HIG); 'react-native' = RN/Expo (iOS HIG + Android Material: 44/48pt+hitSlop, accessibilityLabel/Role, font scaling, SafeAreaView, dark mode, platform parity, secrets). Both replace the web/mobile-web checks."
}
},
"additionalProperties": false
}Get content design patterns — copy recipes for error messages, empty-state copy, notifications, and form validation. Returns do's, don'ts, good/bad examples, evidence, and a checklist.
| Argument | Type | Description |
|---|---|---|
| type* | string | Content pattern type |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"type"
],
"properties": {
"type": {
"enum": [
"error-messages",
"empty-state-copy",
"notifications",
"form-validation"
],
"type": "string",
"description": "Content pattern type"
}
},
"additionalProperties": false
}Get UX-writing principles — clarity over cleverness, active voice, error-message anatomy, inclusive language, voice vs tone, and more. Filter by the writing context (e.g. 'error messages', 'notifications', 'form labels').
| Argument | Type | Description |
|---|---|---|
| format | string | Output format: full (all details), checklist (implications + violations), brief (just summary). Default: full |
| context | string | What you're writing for (e.g. 'error messages', 'onboarding copy', 'empty state', 'notification'). Omit to get all UX-writing principles. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"format": {
"enum": [
"full",
"checklist",
"brief"
],
"type": "string",
"description": "Output format: full (all details), checklist (implications + violations), brief (just summary). Default: full"
},
"context": {
"type": "string",
"description": "What you're writing for (e.g. 'error messages', 'onboarding copy', 'empty state', 'notification'). Omit to get all UX-writing principles."
}
},
"additionalProperties": false
}Get a brand's content design system — voice attributes, tone shifts by context, vocabulary (use/avoid/never), grammar rules, content patterns for errors/empty-states/buttons/etc., and inclusive language guidance.
| Argument | Type | Description |
|---|---|---|
| id* | string | Content system ID (e.g. 'conversational-product-voice', 'gov-uk', 'shopify-polaris', 'atlassian') |
| section | string | Return just one section. Default: all. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"description": "Content system ID (e.g. 'conversational-product-voice', 'gov-uk', 'shopify-polaris', 'atlassian')"
},
"section": {
"enum": [
"all",
"voice",
"tone_shifts",
"vocabulary",
"grammar",
"content-patterns",
"inclusive-language"
],
"type": "string",
"description": "Return just one section. Default: all."
}
},
"additionalProperties": false
}Get the Design for Delight (D4D) framework templates. Returns customer problem statement, ideal state, hypothesis, LOFA, and experiment templates for structured product thinking.
| Argument | Type | Description |
|---|---|---|
| stage | string | Which stage of the D4D loop to return. Default: full (all stages) |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"stage": {
"enum": [
"frame",
"empathy",
"broad",
"narrow",
"experiment",
"recommendation",
"full"
],
"type": "string",
"description": "Which stage of the D4D loop to return. Default: full (all stages)"
}
},
"additionalProperties": false
}Get design tokens for a specific design system. Returns colors, typography, spacing, radii, elevation, and motion tokens in W3C DTCG, CSS custom properties, or flat format.
| Argument | Type | Description |
|---|---|---|
| id* | string | Design system ID (e.g. 'stripe', 'linear') |
| group | string | Filter to a token group: color, color-dark, color-light, typography, spacing, radius, elevation, motion |
| format | string | Output format: dtcg (W3C standard), css (custom properties), flat (key-value). Default: dtcg |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"id"
],
"properties": {
"id": {
"type": "string",
"description": "Design system ID (e.g. 'stripe', 'linear')"
},
"group": {
"type": "string",
"description": "Filter to a token group: color, color-dark, color-light, typography, spacing, radius, elevation, motion"
},
"format": {
"enum": [
"dtcg",
"css",
"flat"
],
"type": "string",
"description": "Output format: dtcg (W3C standard), css (custom properties), flat (key-value). Default: dtcg"
}
},
"additionalProperties": false
}Get a product-metrics framework — HEART (Google), AARRR/Pirate (Dave McClure), North Star Metric, Conversion Funnel, RICE Scoring, or OKRs. Returns structure, when-to-use, pitfalls, and examples. Use when the user asks 'how should we measure success?' or 'what metrics should we track?'
| Argument | Type | Description |
|---|---|---|
| id | string | Framework id (heart, aarrr, north-star-metric, conversion-funnel, rice-scoring, okrs). Omit to list all. |
| search | string | Search for a framework by name or summary. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"id": {
"type": "string",
"description": "Framework id (heart, aarrr, north-star-metric, conversion-funnel, rice-scoring, okrs). Omit to list all."
},
"search": {
"type": "string",
"description": "Search for a framework by name or summary."
}
},
"additionalProperties": false
}Get proven UI/UX patterns for a specific design type. Returns do's, don'ts, evidence, and checklists for signup flows, pricing pages, navigation, forms, landing pages, dashboards, modals, empty states, error states, loading states, CTAs, social proof, and mobile conversion.
| Argument | Type | Description |
|---|---|---|
| goal | string | Filter by primary goal |
| type* | string | Pattern type (e.g. 'signup-flow', 'pricing-page', 'navigation', 'forms', 'landing-page', 'dashboard', 'modals-dialogs', 'empty-states', 'error-states', 'loading-states', 'cta', 'social-proof', 'mobile-conversion') |
| platform | string | Filter patterns by platform context |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"type"
],
"properties": {
"goal": {
"enum": [
"conversion",
"usability",
"accessibility",
"delight"
],
"type": "string",
"description": "Filter by primary goal"
},
"type": {
"type": "string",
"description": "Pattern type (e.g. 'signup-flow', 'pricing-page', 'navigation', 'forms', 'landing-page', 'dashboard', 'modals-dialogs', 'empty-states', 'error-states', 'loading-states', 'cta', 'social-proof', 'mobile-conversion')"
},
"platform": {
"enum": [
"desktop",
"mobile",
"responsive"
],
"type": "string",
"description": "Filter patterns by platform context"
}
},
"additionalProperties": false
}Get design principles relevant to a UI context. Returns usability heuristics, laws of UX, Gestalt principles, accessibility requirements, typography rules, and color theory — matched to what you're designing.
| Argument | Type | Description |
|---|---|---|
| format | string | Output format: full (all details), checklist (implications + violations), brief (just summary). Default: full |
| context* | string | What you're designing (e.g. 'signup form', 'pricing page', 'mobile nav', 'dark dashboard') |
| category | string | Filter to category: accessibility, brand, color-systems, color-theory, component-architecture, d4d, gestalt, laws-of-ux, mobile-ux, nielsen-heuristics, research, responsive-layout, service-design, spacing-systems, typography, ux-writing |
| platform | string | Platform context. 'ios' returns Apple HIG principles (Dynamic Type, 44pt targets, SF Symbols, safe areas, dark-mode, haptics, App Review privacy); 'react-native' returns RN principles (44/48pt+hitSlop, accessibilityLabel/Role, font scaling, SafeAreaView, dark mode, iOS+Android parity, secrets). Both replace the web/CSS-oriented set. Default: web. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"context"
],
"properties": {
"format": {
"enum": [
"full",
"checklist",
"brief"
],
"type": "string",
"description": "Output format: full (all details), checklist (implications + violations), brief (just summary). Default: full"
},
"context": {
"type": "string",
"description": "What you're designing (e.g. 'signup form', 'pricing page', 'mobile nav', 'dark dashboard')"
},
"category": {
"type": "string",
"description": "Filter to category: accessibility, brand, color-systems, color-theory, component-architecture, d4d, gestalt, laws-of-ux, mobile-ux, nielsen-heuristics, research, responsive-layout, service-design, spacing-systems, typography, ux-writing"
},
"platform": {
"enum": [
"web",
"ios",
"react-native"
],
"type": "string",
"description": "Platform context. 'ios' returns Apple HIG principles (Dynamic Type, 44pt targets, SF Symbols, safe areas, dark-mode, haptics, App Review privacy); 'react-native' returns RN principles (44/48pt+hitSlop, accessibilityLabel/Role, font scaling, SafeAreaView, dark mode, iOS+Android parity, secrets). Both replace the web/CSS-oriented set. Default: web."
}
},
"additionalProperties": false
}Get research method details — qualitative (interviews, contextual inquiry, diary, field, intercept), quantitative (surveys, analytics, A/B tests, benchmarking, clickstream), or usability (moderated, unmoderated, 5-second, card sort, tree test, heuristic eval). Returns specific protocols, do/don't guidance, evidence, and a checklist. Use when the user is designing a study or asking how to measure something.
| Argument | Type | Description |
|---|---|---|
| search | string | Search within methods by name or description. |
| category | string | Which family of methods. Default: all. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search within methods by name or description."
},
"category": {
"enum": [
"qualitative",
"quantitative",
"usability",
"all"
],
"type": "string",
"description": "Which family of methods. Default: all."
}
},
"additionalProperties": false
}Get a service design pattern — service blueprinting, human handoff, signup-as-service, omnichannel continuity, or moments of truth / recovery. Returns patterns, do/don't guidance, evidence, and a checklist. Use when the user is designing a service flow, escalation, cross-channel experience, or moment of truth.
| Argument | Type | Description |
|---|---|---|
| type* | string | Service design pattern type |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"type"
],
"properties": {
"type": {
"enum": [
"service-blueprinting",
"human-handoff",
"signup-as-service",
"omnichannel-continuity",
"moments-of-truth"
],
"type": "string",
"description": "Service design pattern type"
}
},
"additionalProperties": false
}Get the GOV.UK Service Standard — 14 points the UK government uses to assess whether a public service is ready to launch. Widely applicable as a rigorous service-quality checklist beyond government. Use when the user asks how to evaluate a whole service.
No arguments.
{
"type": "object",
"properties": {}
}Browse available content design systems — brand voice and tone guides (Conversational Product Voice, GOV.UK, Shopify Polaris, Atlassian). Filter by category or search by name.
| Argument | Type | Description |
|---|---|---|
| search | string | Search by name, description, or tag |
| category | string | Filter by category: commerce-saas, government, marketing-saas, productivity-saas |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search by name, description, or tag"
},
"category": {
"type": "string",
"description": "Filter by category: commerce-saas, government, marketing-saas, productivity-saas"
}
},
"additionalProperties": false
}Browse Raven's provider-agnostic creative model catalog. These are capability slots for image, video, 3D, audio, character consistency, and creative analysis. Each entry lists typical inputs and best-for guidance.
| Argument | Type | Description |
|---|---|---|
| capability | string | Filter by capability, e.g. product-photoshoot, text-to-video, brand-kit, ugc-ad. |
| media_type | string | Filter by media type. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"capability": {
"type": "string",
"description": "Filter by capability, e.g. product-photoshoot, text-to-video, brand-kit, ugc-ad."
},
"media_type": {
"enum": [
"image",
"video",
"audio",
"3d",
"campaign",
"analysis"
],
"type": "string",
"description": "Filter by media type."
}
},
"additionalProperties": false
}Browse Raven creative presets for product photoshoots, marketplace cards, UGC ads, TV spots, cinematic reveals, social launch packs, storyboards, and infographics.
| Argument | Type | Description |
|---|---|---|
| search | string | Search preset name or description. |
| media_type | string | Filter presets by media type. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search preset name or description."
},
"media_type": {
"enum": [
"image",
"video",
"campaign"
],
"type": "string",
"description": "Filter presets by media type."
}
},
"additionalProperties": false
}Browse available design systems for tokens. Filter by category (component-library, consumer, developer, fintech, framework, platform, productivity) or search by name.
| Argument | Type | Description |
|---|---|---|
| search | string | Search by name or description |
| category | string | Filter by category: component-library, consumer, developer, fintech, framework, platform, productivity. Saved user systems list under 'user'. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"search": {
"type": "string",
"description": "Search by name or description"
},
"category": {
"type": "string",
"description": "Filter by category: component-library, consumer, developer, fintech, framework, platform, productivity. Saved user systems list under 'user'."
}
},
"additionalProperties": false
}Score a creative prompt, script, or ad concept for hook strength, benefit clarity, product signal, call-to-action, channel fit, audience fit, and brand fit. This is a transparent heuristic, not a proprietary prediction model. Local brand profiles are not available on the hosted (remote) endpoint (per-user state is a later phase). Omit 'brand_profile_id' to score the pasted creative statelessly.
| Argument | Type | Description |
|---|---|---|
| channel | string | Target channel. |
| audience | string | Target audience if not in a brand profile. |
| creative_text* | string | Prompt, script, ad copy, or creative concept to score. |
| brand_profile_id | string | Local Raven brand profile ID. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"creative_text"
],
"properties": {
"channel": {
"type": "string",
"description": "Target channel."
},
"audience": {
"type": "string",
"description": "Target audience if not in a brand profile."
},
"creative_text": {
"type": "string",
"description": "Prompt, script, ad copy, or creative concept to score."
},
"brand_profile_id": {
"type": "string",
"description": "Local Raven brand profile ID."
}
},
"additionalProperties": false
}Score an HTML/CSS page across 7 design categories (Structure, Typography, Color & palette, Spacing & rhythm, Accessibility, Responsive layout, Design tokens), each rated 0–10. Scores are derived deterministically from the same checks as audit_page — no browser required. Pass html directly; the url argument is REJECTED on this hosted (remote) endpoint. Also returns the same overall 0–100 score and A–D grade audit_page produces, the weakest category, and the three categories Raven does not mechanically assess (brand, conversion, motion) with guidance on which tools to use for those. score_page url-capture is disabled on the hosted (remote) endpoint. Pass the page HTML via the 'html' argument instead.
| Argument | Type | Description |
|---|---|---|
| url | string | REJECTED on this hosted (remote) endpoint; pass html instead. (Local/stdio: Raven launches headless chromium, renders the page, and scores the RENDERED DOM.) |
| html | string | The full HTML content of the page to score. |
| strict | boolean | Strict mode — count warnings as failures in the overall score. Default: false. |
| containerMaxWidth | number | Your design system's canonical content-container width in px (e.g. 1152). Forwarded to the responsive/max-width check. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "REJECTED on this hosted (remote) endpoint; pass html instead. (Local/stdio: Raven launches headless chromium, renders the page, and scores the RENDERED DOM.)"
},
"html": {
"type": "string",
"description": "The full HTML content of the page to score."
},
"strict": {
"type": "boolean",
"description": "Strict mode — count warnings as failures in the overall score. Default: false."
},
"containerMaxWidth": {
"type": "number",
"description": "Your design system's canonical content-container width in px (e.g. 1152). Forwarded to the responsive/max-width check."
}
},
"additionalProperties": false
}Search across all design principles, UI patterns, and business strategies. Use when you need to find specific guidance or don't know which category to look in.
| Argument | Type | Description |
|---|---|---|
| layer | string | Which layer to search: principles, patterns, business, or all (default) |
| query* | string | Search term (e.g. 'touch targets', 'pricing psychology', 'color contrast') |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"query"
],
"properties": {
"layer": {
"enum": [
"principles",
"patterns",
"business",
"all"
],
"type": "string",
"description": "Which layer to search: principles, patterns, business, or all (default)"
},
"query": {
"type": "string",
"description": "Search term (e.g. 'touch targets', 'pricing psychology', 'color contrast')"
}
},
"additionalProperties": false
}Given failing WCAG color pairs, return the MINIMAL color change that clears the target ratio. For each {fg,bg} pair, computes the smallest foreground adjustment (and an alternative background adjustment) that reaches AA/AAA — with the achieved ratio and direction. Feeds directly from audit_contrast's failing pairs: pass them here to get concrete passing values instead of brute-forcing colors by hand. Pure offline math.
| Argument | Type | Description |
|---|---|---|
| level | string | WCAG level when targetRatio is not given per-pair. Default AA. |
| pairs | array | Color pairs to remediate. Each: { selector?, fg, bg, fontPx?, bold?, targetRatio? }. fontPx/bold pick the large-text threshold; targetRatio overrides the level. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"level": {
"enum": [
"AA",
"AAA"
],
"type": "string",
"description": "WCAG level when targetRatio is not given per-pair. Default AA."
},
"pairs": {
"type": "array",
"items": {
"type": "object",
"required": [
"fg",
"bg"
],
"properties": {
"bg": {
"type": "string"
},
"fg": {
"type": "string"
},
"bold": {
"type": "boolean"
},
"ratio": {
"type": [
"number",
"null"
]
},
"fontPx": {
"type": "number"
},
"status": {
"enum": [
"pass",
"fail",
"indeterminate"
],
"type": "string"
},
"selector": {
"type": "string"
},
"targetRatio": {
"type": "number"
}
},
"additionalProperties": false
},
"description": "Color pairs to remediate. Each: { selector?, fg, bg, fontPx?, bold?, targetRatio? }. fontPx/bold pick the large-text threshold; targetRatio overrides the level."
}
},
"additionalProperties": false
}{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"source": {
"type": "string",
"description": "Optional concatenated source (Swift or JS/TS) — enables code-vs-declaration contradiction checks and default-egress detection"
},
"app_json": {
"type": "string",
"description": "Expo app.json / app.config JSON (managed RN). Its expo.ios.infoPlist, expo.android.permissions, plugins, and extra are audited."
},
"info_plist": {
"type": "string",
"description": "Raw Info.plist XML (native iOS / bare RN). Provide this OR app_json."
},
"privacy_md": {
"type": "string",
"description": "Optional PRIVACY.md / privacy policy text to cross-reference against declared permissions and default behavior"
},
"entitlements": {
"type": "string",
"description": "Optional .entitlements XML"
}
},
"additionalProperties": false
}{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"profile": {
"type": "string",
"description": "Taste profile owning the binding. Omit to search all stored profiles for one bound to the project."
},
"project": {
"type": "string",
"description": "Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes and a screenshot is passed, the screenshot's pixels verify the color-scheme notes; results gain note_assessments."
},
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"rect"
],
"properties": {
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"role": {
"type": "string",
"description": "Accessibility role/trait, e.g. button, link, cell, staticText, image, tab, textField"
},
"label": {
"type": "string"
},
"fontPt": {
"type": "number",
"description": "Effective font point/dp size, if text"
},
"bgColor": {
"type": "string",
"description": "Background color behind this element — hex, rgb(), or semantic name"
},
"fgColor": {
"type": "string",
"description": "Foreground color — hex (#1c1c1e), rgb(), or a platform semantic name ('secondaryLabel' iOS / 'onSurfaceVariant' Android)"
}
},
"additionalProperties": false
},
"description": "Elements captured from the rendered screen via an accessibility/view-hierarchy snapshot"
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"description": "Screen size in pt (iOS) or dp (Android) at capture time, e.g. {w:393,h:852} iPhone 15, {w:412,h:915} Pixel",
"additionalProperties": false
},
"screenshot": {
"type": "string",
"description": "Optional base64 PNG of the screen, for the caller's reference. Geometry is scored from the snapshot, not decoded pixels."
}
},
"additionalProperties": false
}| viewport |
| object |
| interactions | array | Before capturing, fire each interaction in order (hover/click/focus the selector, then wait delay_ms). Captures the resulting dynamic state — e.g. an on-hover theme-toggle wash invisible to a static screenshot. |
| scroll_settle | boolean | Before capturing, step through the page with short pauses so IntersectionObserver/whileInView reveals fire, then return to the top and settle. Also plays preload=none videos. Prevents blank-section false positives. |
| containerMaxWidth | number | Your design system's canonical content-container width in px (e.g. 1152). When set, the responsive/max-width check flags divergence from this token instead of using the generic 1200px heuristic. |
| adversarial_verify | boolean | After generating findings, independently re-check each against the live DOM/network and tag it confirmed / likely-artifact / inconclusive. Surfaces a debunked_count. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"url": {
"type": "string",
"description": "REJECTED on this hosted (remote) endpoint; pass html instead. (Local/stdio: Raven launches headless chromium, renders the page, and audits the RENDERED DOM.)"
},
"html": {
"type": "string",
"description": "The full HTML content of the page to audit"
},
"strict": {
"type": "boolean",
"description": "Strict mode — also flags warnings as failures. Default: false"
},
"compact": {
"type": "boolean",
"description": "Return only the decision-grade signal — score, grade, summary, errors, warnings, fix_priority — and drop the embedded base64 screenshot and the passes list (replaced by passes_count). Default false. Use when the full payload would blow the tool-result budget."
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"additionalProperties": false
},
"interactions": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"event",
"delay_ms"
],
"properties": {
"event": {
"enum": [
"hover",
"click",
"focus"
],
"type": "string"
},
"delay_ms": {
"type": "number"
},
"selector": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Before capturing, fire each interaction in order (hover/click/focus the selector, then wait delay_ms). Captures the resulting dynamic state — e.g. an on-hover theme-toggle wash invisible to a static screenshot."
},
"scroll_settle": {
"type": "boolean",
"description": "Before capturing, step through the page with short pauses so IntersectionObserver/whileInView reveals fire, then return to the top and settle. Also plays preload=none videos. Prevents blank-section false positives."
},
"containerMaxWidth": {
"type": "number",
"description": "Your design system's canonical content-container width in px (e.g. 1152). When set, the responsive/max-width check flags divergence from this token instead of using the generic 1200px heuristic."
},
"adversarial_verify": {
"type": "boolean",
"description": "After generating findings, independently re-check each against the live DOM/network and tag it confirmed / likely-artifact / inconclusive. Surfaces a debunked_count."
}
},
"additionalProperties": false
}| string |
| The app's declared appearance (Expo app.json userInterfaceStyle). 'light' or 'dark' means single-mode by design — the dark-mode adaptation check is then suppressed. Default: automatic. |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"source"
],
"properties": {
"source": {
"anyOf": [
{
"type": "string"
},
{
"type": "array",
"items": {
"type": "string"
}
}
],
"description": "React Native source — a single screen/component as a string, or an array of file contents. Concatenated before analysis."
},
"strict": {
"type": "boolean",
"description": "Strict mode — also count warnings as failures for grading. Default: false"
},
"profile": {
"type": "string",
"description": "Taste profile owning the binding. Omit to search all stored profiles for one bound to the project."
},
"project": {
"type": "string",
"description": "Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes, each note is verified against the source (Animated/Reanimated, BlurView, haptics, fonts) and returned in note_assessments; missing notes count toward the grade."
},
"color_scheme": {
"enum": [
"light",
"dark",
"automatic"
],
"type": "string",
"description": "The app's declared appearance (Expo app.json userInterfaceStyle). 'light' or 'dark' means single-mode by design — the dark-mode adaptation check is then suppressed. Default: automatic."
}
},
"additionalProperties": false
}| screenshot | string | Optional base64 PNG of the screen, for the caller's reference. Geometry is scored from the snapshot, not decoded pixels. |
| scroll_settle | boolean |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"properties": {
"profile": {
"type": "string",
"description": "Taste profile owning the binding. Omit to search all stored profiles for one bound to the project."
},
"project": {
"type": "string",
"description": "Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes and a screenshot is passed, the screenshot's pixels verify the color-scheme notes; results gain note_assessments."
},
"elements": {
"type": "array",
"items": {
"type": "object",
"required": [
"rect"
],
"properties": {
"rect": {
"type": "object",
"required": [
"x",
"y",
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"x": {
"type": "number"
},
"y": {
"type": "number"
}
},
"additionalProperties": false
},
"role": {
"type": "string",
"description": "Accessibility role/trait, e.g. button, link, cell, staticText, image, tab, textField"
},
"label": {
"type": "string"
},
"fontPt": {
"type": "number",
"description": "Effective font point/dp size, if text"
},
"bgColor": {
"type": "string",
"description": "Background color behind this element — hex, rgb(), or semantic name"
},
"fgColor": {
"type": "string",
"description": "Foreground color — hex (#1c1c1e), rgb(), or a platform semantic name ('secondaryLabel' iOS / 'onSurfaceVariant' Android)"
}
},
"additionalProperties": false
},
"description": "Elements captured from the rendered screen via an accessibility/view-hierarchy snapshot"
},
"platform": {
"enum": [
"ios",
"android"
],
"type": "string",
"description": "Target platform — 'ios' (default, 44pt minimum, iOS semantic colors) or 'android' (48dp minimum, Material semantic roles)"
},
"viewport": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
}
},
"description": "Screen size in pt (iOS) or dp (Android) at capture time, e.g. {w:393,h:852} iPhone 15, {w:412,h:915} Pixel",
"additionalProperties": false
},
"screenshot": {
"type": "string",
"description": "Optional base64 PNG of the screen, for the caller's reference. Geometry is scored from the snapshot, not decoded pixels."
},
"scroll_settle": {
"type": "boolean"
}
},
"additionalProperties": false
}| Optional raw Contents.json of AccentColor.colorset. When provided, the tool verifies AccentColor actually defines color components (flags an empty/undefined accent color as an error). |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"source"
],
"properties": {
"source": {
"anyOf": [
{
"type": "string"
},
{
"type": "array",
"items": {
"type": "string"
}
}
],
"description": "SwiftUI source — a single file/view as a string, or an array of file contents. Concatenated before analysis."
},
"strict": {
"type": "boolean",
"description": "Strict mode — also count warnings as failures for grading. Default: false"
},
"profile": {
"type": "string",
"description": "Taste profile owning the binding. Omit to search all stored profiles for one bound to the project."
},
"project": {
"type": "string",
"description": "Project identifier — resolves a saved taste surface binding (see bind_taste_surface). When the binding carries design_notes, each note is verified against the source (animation/material/haptic/font APIs) and returned in note_assessments; missing notes count toward the grade."
},
"accent_color_contents": {
"type": "string",
"description": "Optional raw Contents.json of AccentColor.colorset. When provided, the tool verifies AccentColor actually defines color components (flags an empty/undefined accent color as an error)."
}
},
"additionalProperties": false
}| number |
| Per-navigation timeout in ms. Default: 30000 |
| viewports | array | Viewports to render. Default: iphone 393×852, desktop 1440×900, wide 2160×1200 |
| interactions | array | Fire each interaction before capture; the resulting state is diffed against baseline to catch hover/click white-wash and obscured content. |
| scroll_settle | boolean | Step through the page with short pauses to fire reveal-on-scroll/IntersectionObserver content, play videos, then return to the top before capture. Default: true |
| containerMaxWidth | number | Your design system's canonical container width in px — makes the max-width check token-aware. |
| includeScreenshots | boolean | Include the base64 full-page PNG per capture in the result. Default: false (screenshots are large). |
{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"url"
],
"properties": {
"url": {
"type": "string",
"description": "URL to render and audit (http/https or file://)"
},
"themes": {
"type": "array",
"items": {
"enum": [
"light",
"dark"
],
"type": "string"
},
"description": "Themes to toggle (prefers-color-scheme + data-theme/class). Default: ['light','dark']"
},
"compact": {
"type": "boolean",
"description": "Drop per-capture base64 screenshots; keep findings, counts, and summary. Default false. Use when screenshots would blow the tool-result budget."
},
"timeoutMs": {
"type": "number",
"description": "Per-navigation timeout in ms. Default: 30000"
},
"viewports": {
"type": "array",
"items": {
"type": "object",
"required": [
"w",
"h"
],
"properties": {
"h": {
"type": "number"
},
"w": {
"type": "number"
},
"label": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Viewports to render. Default: iphone 393×852, desktop 1440×900, wide 2160×1200"
},
"interactions": {
"type": "array",
"items": {
"type": "object",
"required": [
"selector",
"event",
"delay_ms"
],
"properties": {
"event": {
"enum": [
"hover",
"click",
"focus"
],
"type": "string"
},
"delay_ms": {
"type": "number"
},
"selector": {
"type": "string"
}
},
"additionalProperties": false
},
"description": "Fire each interaction before capture; the resulting state is diffed against baseline to catch hover/click white-wash and obscured content."
},
"scroll_settle": {
"type": "boolean",
"description": "Step through the page with short pauses to fire reveal-on-scroll/IntersectionObserver content, play videos, then return to the top before capture. Default: true"
},
"containerMaxWidth": {
"type": "number",
"description": "Your design system's canonical container width in px — makes the max-width check token-aware."
},
"includeScreenshots": {
"type": "boolean",
"description": "Include the base64 full-page PNG per capture in the result. Default: false (screenshots are large)."
}
},
"additionalProperties": false
}{
"type": "object",
"$schema": "http://json-schema.org/draft-07/schema#",
"required": [
"name"
],
"properties": {
"name": {
"type": "string",
"description": "Name for the design system (e.g. 'Acme Corp', 'NightOwl')"
},
"style": {
"enum": [
"minimal",
"bold",
"warm",
"corporate",
"playful",
"dark"
],
"type": "string",
"description": "Aesthetic direction — influences spacing, radii, shadows, motion, and typography. Default: minimal"
},
"format": {
"enum": [
"html",
"css",
"dtcg",
"figma",
"svg",
"all"
],
"type": "string",
"description": "Export format: html (visual doc page), css (custom properties), dtcg (W3C JSON), figma (Figma Variables JSON), svg (color palette card), all. Default: html"
},
"dark_mode": {
"type": "boolean",
"description": "Generate dark mode tokens alongside light. Default: true"
},
"base_system": {
"type": "string",
"description": "Start from an existing system as foundation (e.g. 'stripe', 'linear'). Colors will be replaced by brand_color if provided."
},
"brand_color": {
"type": "string",
"description": "Primary brand hex color (e.g. '#FF6B35'). Auto-generates a full harmonious palette using color theory."
}
},
"additionalProperties": false
}