# Framingui

FramingUI design\-system tools for coding agents: validate screens, check wiring, browse the catalog\.

Canonical: https://claudelist.com/listings/mcp-reg-io-github-soo-kate-framingui-f21e7e6d7c

Category: MCP Servers

Source: community · soo\-kate

Source checked: 2026-10-14

Website: https://www.claudemcp.org/mcp/registry/io-github-soo-kate-framingui-f21e7e6d7cd0.html

Publisher description: FramingUI design-system tools for coding agents: validate screens, check wiring, browse the catalog.

## Install or set up

1. Review the publisher repository and npm package `@framingui/mcp@0.1.0` before running it. The MCP Registry declares this package as a stdio server.
2. Install Node.js, then run the command below in your Claude Code project. Check the publisher README for any account or configuration requirements.
3. Restart Claude Code and use `/mcp` to confirm the connection and review its tools and permissions.

```sh
claude mcp add mcp-io-github-soo-kate-framingui-f21e7e -- npx -y @framingui/mcp@0.1.0
```

Installation guide: https://github.com/soo-kate/framingui-skill