Framingui Skill MCP Server: Install & Setup

Install Framingui Skill in Claude Code

Claude Code

claude mcp add framingui-skill -- npx -y @framingui/mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "framingui-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@framingui/mcp"
      ]
    }
  }
}

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

Yes, most likely. Open source and no paid account or API key is mentioned in the listing. Check the provider for current pricing.

Local. Runs on your machine (stdio). You install it with npx, uvx, Docker or from source.

Run: claude mcp add framingui-skill -- npx -y @framingui/mcp

projecthsf/genai-capture

Capture & annotate your screen from an AI agent: arrows, boxes, text, highlight, blur/redact.

webrating/formpaste-mcp

Create and wire up contact forms from your coding agent. Forms, snippets, and submissions.

imperalcloud/imperal-mcp

Build, validate, smoke-test & deploy Imperal declarative IR apps from any LLM or agent.

EverMint-app/evermint-mcp

Mint tamper-evident receipts for AI agent actions. The notary layer for agent-to-agent transactions.

priyankark/interface-observatory

Interface observations and explicit GOMS/KLM, Fitts, Hick–Hyman and cognitive walkthrough models.

spacepacket1/e3d-pilot

Multi-model debate with named dissent, plus decision provenance queries for AI coding work.