如何安装 Agent-Native Design？

推荐在 Claude Code（远程）中安装：1. 确保已安装 Claude Code CLI（终端可运行 claude 命令） 2. 点击下方「复制配置」，在终端粘贴并执行 3. 执行成功后重启 Claude Code 客户端命令示例：claude mcp add --transport http agent-native-design https://design.agent-native.com/mcp

Agent-Native Design 适用于哪些场景？

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

AgentHubMCP · Skill

Agent-Native Design MCP配置与使用教程 - AgentHub

Agent-Native Design MCP配置与使用教程

Q: 如何安装 Agent-Native Design？

推荐在 Claude Code（远程） 中安装：1. 确保已安装 Claude Code CLI（终端可运行 claude 命令） 2. 点击下方「复制配置」，在终端粘贴并执行 3. 执行成功后重启 Claude Code 客户端 命令示例：claude mcp add --transport http agent-native-design https://design.agent-native.com/mcp

MCP ServerMCP Registry官方收录

io.github.BuilderIO/agent-native-design · v1.0.0

Agent-Native design tool - create and edit visual designs with agent assistance

在 MCP Registry 查看 ↗源仓库 ↗

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

产品介绍

Agent-Native design tool - create and edit visual designs with agent assistance Agent-Native Design 是一个MCP Server，收录自官方 MCP Registry。支持 streamable-http 传输。本页提供产品介绍、配置教程、安装命令与适用场景，可复制到 Cursor、Claude Code、VS Code。

适用场景

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

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

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

打开教程 →

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

综合健康分90/100

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

网络请求与外部通信

需连接外部 API 或远程服务器，通信受客户端网络安全策略监管。

按平台快速复制

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

打开项目根目录下的 .cursor/mcp.json（没有就新建）
点击「复制配置」粘贴进去；若已有其他 MCP，只合并 mcpServers 里的本条目
保存后按 Cmd+Shift+P（Windows：Ctrl+Shift+P）→ 输入 Reload Window 并执行

{
  "mcpServers": {
    "agent-native-design": {
      "url": "https://design.agent-native.com/mcp"
    }
  }
}

统一 Manifest

{
  "id": "io.github.BuilderIO/agent-native-design",
  "type": "mcp-server",
  "version": "1.0.0",
  "displayName": "Agent-Native Design",
  "description": "Agent-Native design tool - create and edit visual designs with agent assistance",
  "repository": {
    "url": "https://github.com/BuilderIO/agent-native",
    "source": "github"
  },
  "homepage": "https://www.agent-native.com/apps/design",
  "distribution": {
    "packages": [],
    "remotes": [
      {
        "transport": "streamable-http",
        "url": "https://design.agent-native.com/mcp"
      }
    ]
  },
  "dependencies": [],
  "installTargets": [
    "claude-code",
    "claude-desktop",
    "cursor",
    "vscode",
    "trae",
    "cherry-studio",
    "lingma",
    "windsurf",
    "cline",
    "workbuddy"
  ],
  "keywords": [],
  "provenance": {
    "origin": "official-mcp-registry",
    "originalId": "io.github.BuilderIO/agent-native-design",
    "originalUrl": "https://registry.modelcontextprotocol.io/v0.1/servers/io.github.BuilderIO%2Fagent-native-design/versions/latest",
    "isOfficial": true,
    "status": "active"
  }
}

Agent-Native Design MCP配置与使用教程

产品介绍

适用场景

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

按平台快速复制

配置教程

相关资源

Store Builder

Lunch Money MCP (Unofficial)

Palinode

verified-ai-free-tiers

mercury-multiorg-mcp

IFORM Web3 Forms MCP Server

常搭配使用

Tavily Search

API Gateway

Planning with files

polymarket-weather-trader

继续逛 AgentHub

统一 Manifest