KitScout

Categories › Software Development › Frontend, UI components & design-to-code

Echo UI

MCP serverVerified domain · echo-ui.comRemote● LiveFree to try

A tactile React component library, and the design system that keeps your AI agent on-brand.

Install

Remote server: your requests and data go to mcp.echo-ui.com. Claude Code: claude mcp add --transport http echo-ui https://mcp.echo-ui.com/mcp · Claude app: Settings → Connectors → Add custom connector.

What it can do

The tools this server listed when we connected to it, in its own words.

  • search_components — Find the Echo UI item for a job ("a settings toggle", "confirm a delete") or by name. Leads with the best fit, or says plainly that Echo has
  • get_component — The full record for one component: description, install command, usage (imports + smallest working snippet), composition (part tree), exampl
  • get_tokens — The token families: Layer-3 semantic colour roles (--echo-*), sound names, motion's whole vocabulary — the motion tokens, the spring presets
  • get_examples — Just the usage examples for one component, without the rest of its record. For when the component is already chosen and only its calling con
  • get_accessibility — The accessibility rules a consumer of Echo can still get wrong — names on controls, form errors, announcements, focus and target size — and,
  • check_code — Echo's check on a piece of code you've written or are about to write: colours, spacing, radii, shadows and timing off Echo's scales, raw ele
  • list_styles — Echo's own styles, the looks Echo publishes, each with its one line and its fingerprint on the seven axes styles are placed on; or, with a n
  • fit_styles — Style Fit's shortlist: Echo's styles, and the builder's own passed in, measured against where a product sits on the seven axes (warmth, volu
  • check_style — Whether a style.json is one Echo can apply, as `npx echo-ui-cli style check` says it: what stops it, the device it makes (light or dark), wh
  • wear_style — What a style gives a project: a link that makes the whole Echo site wear its colours, the commands that put it in a project, and, for a proj

KitScout test notes

Not tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.

Similar tools

  • frontend-design 194,218 ★
    Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps w
  • web-artifacts-builder 194,218 ★
    Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web tech
  • frontend-ui-engineering 117,221 ★
    Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces a
  • dashboard-chat-best-practices 116,897 ★
    Apply dashboard-grade chat UX patterns in the Eve chat template. Use when changing Next.js Cache Components/PP
  • design-taste-frontend 115,156 ★
    tasteskill 2.5.1, the anti-slop frontend skill. Builds professional company websites at the level of figma.com