Kvalt MCP Server

A design system for AI-built apps. Tokens, components, and a small team of agents that won

Tools

• list_components

  List all components from the Kvalt design system registry with name, version, and description

• search_components

  Fuzzy search components by name or keyword across component names and file contents

• get_component_spec

  Get full component details: source code, props, variants, dependencies, tokens, and hooks

• get_token

  Get a specific token by category and name (e.g., category="motion", name="spring.snappy")

• list_tokens

  List all tokens in a category. Available categories: motion, colors, shadows, glass, icons, typography, borderRadius, gradients

• export_tokens

  Export tokens in a specific format: css-variables, json, or tailwind-classes

• check_token_usage

  Analyze a code snippet for hardcoded values that should use tokens. Detects hex colors, px values, durations, spring configs, border-radius, and shadows. Returns violations with suggested token replacements.

• get_accessibility_notes

  Get accessibility requirements for a component (keyboard support, ARIA, contrast)

• validate_motion_timing

  Check if motion values in code use proper tokens from motion.ts instead of hardcoded values

• get_component_variants

  List all variants and props of a component parsed from its TypeScript interface

• search_documentation

  Search across docs/ folder for relevant documentation by keyword