如何安装 framingui？

推荐在 Claude Code（本地）中安装：1. 确保已安装 Claude Code CLI 2. 复制下方命令，将替换为真实环境变量值后，在终端执行 3. 若下方列出了环境变量，请对照填写命令示例：claude mcp add framingui -- npx -y @framingui/mcp

framingui 适用于哪些场景？

framingui 适用于：代码审查与 GitHub、设计与创意、Cursor 开发必备。也可在 AgentHub 场景页查看配套 MCP 与 Skill。

AgentHubMCP · Skill

framingui MCP配置与使用教程 - AgentHub

framingui MCP配置与使用教程

Q: 如何安装 framingui？

推荐在 Claude Code（本地） 中安装：1. 确保已安装 Claude Code CLI 2. 复制下方命令，将 替换为真实环境变量值后，在终端执行 3. 若下方列出了环境变量，请对照填写 命令示例：claude mcp add framingui -- npx -y @framingui/mcp

MCP ServerMCP Registry官方收录

io.github.soo-kate/framingui · v0.1.0

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

在 MCP Registry 查看 ↗源仓库 ↗

建议先在本页复制安装配置，再到上游核对文档与权限。

产品介绍

FramingUI design-system tools for coding agents: validate screens, check wiring, browse the catalog. framingui 是一个MCP Server，收录自官方 MCP Registry。支持 stdio 传输。本页提供产品介绍、配置教程、安装命令与适用场景，可复制到 Cursor、Claude Code、VS Code。

适用场景

代码审查与 GitHub 设计与创意 Cursor 开发必备

MCP 实战教程：从安装到看见效果

按完整实例走一遍（含期望效果与对比验收）。装完本页资源后，用教程里的提示词核对是否真正生效。

打开教程 →

安全与质量评测A+ 级 · 官方认证推荐

综合健康分90/100

该工具由官方或知名生态团队维护，源码遵循标准开源许可协议，可安全接入 Cursor / Claude。

纯本地离线运行

仅在本地 stdio 通信，无静默外部网络上报风险。

按平台快速复制

选择你的平台查看安装方式

打开项目根目录下的 .cursor/mcp.json（没有就新建）
点击「复制配置」粘贴进去；若已有其他 MCP，只合并 mcpServers 里的本条目
将 env 中的 <占位符> 替换为真实密钥（见下方「环境变量」）
保存后按 Cmd+Shift+P（Windows：Ctrl+Shift+P）→ 输入 Reload Window 并执行

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

统一 Manifest

{
  "id": "io.github.soo-kate/framingui",
  "type": "mcp-server",
  "version": "0.1.0",
  "displayName": "framingui",
  "description": "FramingUI design-system tools for coding agents: validate screens, check wiring, browse the catalog.",
  "repository": {
    "url": "https://github.com/soo-kate/framingui-skill",
    "source": "github"
  },
  "homepage": "https://framingui.com",
  "distribution": {
    "packages": [
      {
        "registryType": "npm",
        "identifier": "@framingui/mcp",
        "version": "0.1.0",
        "transport": "stdio"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "io.github.soo-kate/framingui",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/io.github.soo-kate%2Fframingui/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}

framingui MCP配置与使用教程

产品介绍

适用场景

安全与质量评测A+ 级 · 官方认证推荐

按平台快速复制

配置教程

相关资源

MarkItDown MCP Server

飞书文档

高德地图

Bilibili

Puppeteer

Playwright

常搭配使用

Tavily Search

API Gateway

Planning with files

polymarket-weather-trader

继续逛 AgentHub

统一 Manifest