此 MCP 可以做什么
Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.
功能
工具
45
工具
audit_consistency
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.
只读
幂等
输入模式
{'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}
audit_content
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.
只读
幂等
输入模式
{'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}
audit_contrast
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.
只读
可访问外部资源
幂等
输入模式
{'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}
audit_ios_a11y
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.
只读
幂等
输入模式
{'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_ios_privacy
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.
只读
幂等
输入模式
{'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}
audit_ios_screen
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.
只读
幂等
输入模式
{'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}
audit_layout
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.
只读
幂等
输入模式
{'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_page
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.
只读
幂等
输入模式
{'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}
audit_parity
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[].
只读
幂等
输入模式
{'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}
audit_responsive_visibility
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.
只读
可访问外部资源
幂等
输入模式
{'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_rn
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.
只读
幂等
输入模式
{'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}
audit_screen
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.
只读
幂等
输入模式
{'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}
audit_swiftui
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.
只读
幂等
输入模式
{'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}
audit_tap_targets
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).
只读
可访问外部资源
幂等
输入模式
{'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_typography
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'.
只读
幂等
输入模式
{'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}
audit_url
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.
只读
幂等
输入模式
{'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}
audit_video_playback
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.
只读
可访问外部资源
幂等
输入模式
{'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}
compose_system
Mix tokens from different design systems to create a custom composite. Example: Linear's colors + Stripe's typography.
只读
幂等
输入模式
{'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_design
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.
只读
幂等
输入模式
{'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_design_system
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.
只读
幂等
输入模式
{'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}
generate_service_blueprint
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.
只读
幂等
输入模式
{'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_principles
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.
只读
幂等
输入模式
{'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_brand_system
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.
只读
幂等
输入模式
{'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_brand_trends
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.
只读
幂等
输入模式
{'type': 'object', 'properties': {}}
get_business_strategy
Get business and monetization strategies for digital products. Covers monetization models, retention strategies, onboarding optimization, growth mechanics, and product metrics frameworks.
只读
幂等
输入模式
{'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_checklist
Get a pre-publish checklist for a specific UI type. Returns actionable yes/no items to verify before shipping.
只读
幂等
输入模式
{'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_pattern
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.
只读
幂等
输入模式
{'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_content_principles
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').
只读
幂等
输入模式
{'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_content_system
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.
只读
幂等
输入模式
{'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_d4d_framework
Get the Design for Delight (D4D) framework templates. Returns customer problem statement, ideal state, hypothesis, LOFA, and experiment templates for structured product thinking.
只读
幂等
输入模式
{'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_system
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.
只读
幂等
输入模式
{'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_metrics_framework
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?'
只读
幂等
输入模式
{'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_pattern
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.
只读
幂等
输入模式
{'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_principles
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.
只读
幂等
输入模式
{'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
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.
只读
幂等
输入模式
{'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_service_pattern
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.
只读
幂等
输入模式
{'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_service_standard
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.
只读
幂等
输入模式
{'type': 'object', 'properties': {}}
list_content_systems
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.
只读
幂等
输入模式
{'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}
list_creative_models
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.
只读
幂等
输入模式
{'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}
list_creative_presets
Browse Raven creative presets for product photoshoots, marketplace cards, UGC ads, TV spots, cinematic reveals, social launch packs, storyboards, and infographics.
只读
幂等
输入模式
{'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}
list_design_systems
Browse available design systems for tokens. Filter by category (component-library, consumer, developer, fintech, framework, platform, productivity) or search by name.
只读
幂等
输入模式
{'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_creative
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.
只读
幂等
输入模式
{'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_page
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.
只读
幂等
输入模式
{'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_knowledge
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.
只读
幂等
输入模式
{'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}
suggest_contrast_fix
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.
只读
幂等
输入模式
{'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}
历史
近期工具变更
已添加
audit_video_playback
2026年9月17日 07:57
已添加
audit_consistency
2026年9月17日 07:57
已添加
score_creative
2026年9月17日 07:57
已添加
list_creative_presets
2026年9月17日 07:57
已添加
list_creative_models
2026年9月17日 07:57
已添加
get_brand_trends
2026年9月17日 07:57
已添加
get_brand_principles
2026年9月17日 07:57
已添加
generate_service_blueprint
2026年9月17日 07:57
已添加
get_service_standard
2026年9月17日 07:57
已添加
get_service_pattern
2026年9月17日 07:57
已添加
get_metrics_framework
2026年9月17日 07:57
已添加
get_research_method
2026年9月17日 07:57
已添加
get_content_pattern
2026年9月17日 07:57
已添加
get_content_principles
2026年9月17日 07:57
已添加
get_content_system
2026年9月17日 07:57
已添加
list_content_systems
2026年9月17日 07:57
已添加
audit_rn
2026年9月17日 07:57
已添加
audit_ios_privacy
2026年9月17日 07:57
已添加
audit_ios_screen
2026年9月17日 07:57
已添加
audit_screen
2026年9月17日 07:57
已添加
audit_swiftui
2026年9月17日 07:57
已添加
audit_layout
2026年9月17日 07:57
已添加
generate_design_system
2026年9月17日 07:57
已添加
get_brand_system
2026年9月17日 07:57
已添加
audit_tap_targets
2026年9月17日 07:57
已添加
audit_typography
2026年9月17日 07:57
已添加
audit_content
2026年9月17日 07:57
已添加
audit_url
2026年9月17日 07:57
已添加
suggest_contrast_fix
2026年9月17日 07:57
已添加
audit_contrast
2026年9月17日 07:57
发现
类似的 MCP 服务器
GripForge
io.github.gripforgeai/mcp
Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.
spriteship
com.spriteship/spriteship
Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…
Blixtworks
com.blixtworks.www/tools
Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…
Compose Preview Catalogs
io.github.yschimke/compose-preview
Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.
arch-tools-mcp
io.github.Deesmo/arch-tools-mcp
Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…
kernelcad
com.kernelcad/kernelcad
Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …
floot
com.floot/floot
Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…
mcp
io.datadef/mcp
Creates and edits data architecture diagrams with tables, data flows, column lineage, grouping, validation, and PNG export.