原型 · 预览版:收录官方注册中心里的全部服务器,每 30 分钟同步一次。使用 Google 登录即可撰写评价。
PopNx MCP为使用 AI 的人准备的 MCP 服务器 · 用大白话讲清楚

AINDF

作者:0design版本 0.2.1i★ 29 (整个仓库的星标)i在你的电脑上运行
注册名称io.github.0design/aindf

安装方法

What it does

Read-only MCP server for one AINDF design-system bundle: look up what it offers, validate screens.

  • Connects 在你的电脑上运行
  • Account or key No key needed
  • Category 设计、图片与音频

安装

选择你使用的 AI 应用,然后复制设置。

通过 3/3 项检查 · 在你的电脑上运行

第一步:你用哪个 AI?

选择你用的应用,步骤会显示在下方。

可连接 Claude,但需要先准备

需要先在电脑上安装 Node.js(只需一次) · 仅限电脑上的 Claude 应用(Windows 或 Mac),网页和手机不可用

  1. 安装 Node.js

    只需一次,所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开电脑版 Claude 应用的设置文件

    SettingsDeveloperEdit Config

  3. 粘贴这些设置并保存文件

    {
      "mcpServers": {
        "aindf": {
          "command": "npx",
          "args": [
            "-y",
            "@ai-native-design-framework/kit",
            "mcp"
          ]
        }
      }
    }
  4. 退出 Claude 再重新打开

  5. 试一试

    用 AINDF 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Claude 说正在使用 AINDF,或回答中出现 AINDF 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

ChatGPT 暂时无法连接 AINDF

AINDF 需要安装在你的电脑上,而 ChatGPT 只能连接在网上运行的服务器

你可以改用这些方式

A · 使用能连接 AINDF 的应用

  • 需要先在电脑上安装 Node.js(只需一次) · 仅限电脑上的 Claude 应用(Windows 或 Mac),网页和手机不可用
  • 需要先在电脑上安装 Node.js(只需一次)
  • 需要先在电脑上安装 Node.js(只需一次) · 没有一键按钮,需要粘贴设置并自行填写
  • 需要先在电脑上安装 Node.js(只需一次) · 没有一键按钮,需要粘贴设置并自行填写

B · 设计、图片与音频 类中能连接 ChatGPT 的其他服务器

从同类中使用较多的里挑选,仅限用地址即可连接、无需密钥的

可连接 Claude Code,但需要先准备

需要先在电脑上安装 Node.js(只需一次)

  1. 安装 Node.js

    只需一次,所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开终端

    Mac:按 Command+空格,输入 Terminal · Windows:打开 PowerShell

  3. 粘贴这条命令并按 Enter

    claude mcp add --scope user aindf -- npx -y @ai-native-design-framework/kit mcp
  4. 在 Claude Code 中输入 /mcp

    应能看到 AINDF 在列表中并显示已连接

  5. 试一试

    用 AINDF 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Claude Code 说正在使用 AINDF,或回答中出现 AINDF 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Anthropic 帮助页面核实 · 你的界面可能因版本略有不同

可连接 Cursor,但需要先准备

需要先在电脑上安装 Node.js(只需一次) · 没有一键按钮,需要粘贴设置并自行填写

  1. 安装 Node.js

    只需一次,所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开 Cursor 的 MCP 设置文件

    ~/.cursor/mcp.json

    粘贴这些设置,填写空着的值并保存

    {
      "mcpServers": {
        "aindf": {
          "command": "npx",
          "args": [
            "-y",
            "@ai-native-design-framework/kit",
            "mcp"
          ]
        }
      }
    }
  3. 在 Cursor 中以 Agent 模式打开 AI 聊天

  4. 试一试

    用 AINDF 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 Cursor 说正在使用 AINDF,或回答中出现 AINDF 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 Cursor 帮助页面核实 · 你的界面可能因版本略有不同

可连接 VS Code,但需要先准备

需要先在电脑上安装 Node.js(只需一次) · 没有一键按钮,需要粘贴设置并自行填写

  1. 安装 Node.js

    只需一次,所有需要 Node.js 的服务器都能用

    打开 Node.js 下载页 ↗

  2. 打开 VS Code 的 MCP 设置文件

    MCP: Open User Configuration

    粘贴这些设置,填写空着的值并保存

    {
      "servers": {
        "aindf": {
          "type": "stdio",
          "command": "npx",
          "args": [
            "-y",
            "@ai-native-design-framework/kit",
            "mcp"
          ]
        }
      }
    }
  3. 在 VS Code 中以 Agent 模式打开 AI 聊天

  4. 试一试

    用 AINDF 告诉我你能帮我做什么,然后做一件给我看

    ✓ 如果 VS Code 说正在使用 AINDF,或回答中出现 AINDF 的工具名称,就表示连接成功

菜单名称已于 2026年11月11日 对照 VS Code 帮助页面核实 · 你的界面可能因版本略有不同

其他支持 MCP 的应用(如 Windsurf、Zed、Gemini CLI)添加方式各不相同,请在应用列表中查看

查看所有支持 MCP 的应用 →

JSON 设置在下方“开发者专用”中

卡住了?问问正在用 AINDF 的人💬 讨论 →
开发者专用:终端命令和 JSON 设置

安装在电脑上

Claude Code

claude mcp add --scope user aindf -- npx -y @ai-native-design-framework/kit mcp

Claude Desktop (claude_desktop_config.json)

{
  "mcpServers": {
    "aindf": {
      "command": "npx",
      "args": [
        "-y",
        "@ai-native-design-framework/kit",
        "mcp"
      ]
    }
  }
}

Cursor (~/.cursor/mcp.json)

{
  "mcpServers": {
    "aindf": {
      "command": "npx",
      "args": [
        "-y",
        "@ai-native-design-framework/kit",
        "mcp"
      ]
    }
  }
}

VS Code (mcp.json)

{
  "servers": {
    "aindf": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@ai-native-design-framework/kit",
        "mcp"
      ]
    }
  }
}

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同,请以 README 为准。

一览

GitHub 星标i
29 (整个仓库的星标)
该仓库包含多个 MCP 条目,星标在排名中只计算一次
每周下载量i
51/周
连接方式
在你的电脑上运行
最新版本i
0.2.1
发布到注册中心i
2026年10月8日
代码最后更新i
2026年11月5日
作者
0design
软件包
npm: @ai-native-design-framework/kit
注册状态
活跃

哪些应用可以使用它

依据这个服务器的连接方式和各应用自己的文档,检查于 2026年11月10日。

在你的电脑上运行,适用于

ClaudeGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatRaycast

全部应用及其优缺点 →

它能做什么

它在你的电脑上运行;安装后,工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息;我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月12日

  • ✓ 通过

    作者与仓库一致

    注册名称已通过 GitHub 账户 0design 验证,该账户拥有此仓库

  • ✓ 通过

    仍在维护

    代码最后更新于7天前

  • ✓ 通过

    有许可证

    使用 MIT

  • – 不适用

    端点有响应

    它在你的电脑上运行,没有互联网端点

  • – 不适用

    使用 OAuth 登录

    在你的电脑上运行,改用本地设置

  • … 尚未检查

    工具描述中没有隐藏指令

    它在你的电脑上运行;我们只能读取互联网端点的工具列表

讨论

提问、分享技巧或报告无法使用。按“有帮助”数量排序。

还没有帖子,欢迎第一个提问或分享。

此处内容由用户撰写,不代表 PopNx 团队。

使用 Google 登录后发帖

用户评价

还没有评价

用 Google 登录后写评价

与“设计、图片与音频”中的其他服务器比较i

  • 星标数多于此分类中其他 2955 个服务器的 92%
  • 发布到注册中心的时间比此分类中其他 2955 个服务器的 44% 更新
  • 基础检查结果等于或优于此分类中其他 2955 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时,星标数才计入。

常见问题

AINDF 安全吗?

它在 3 项适用的基础检查中通过了 3 项。我们没有阅读代码。在添加密钥或令牌之前,请先看看这个服务器要求哪些权限,并使用只具备所需权限的密钥。

它需要哪些密钥或代码?

注册中心没有列出必需的密钥,不过有些服务器会在首次使用时要求你登录。

它在我的电脑上运行还是在云端?

它在你的电脑上运行。你的 AI 应用会在需要时启动它,数据不会经过作者的服务器(除非它自己调用在线服务)。

它还在维护吗?

GitHub 仓库最后更新于7天前,最新版本(0.2.1)于35天前进入注册中心。

哪些应用可以使用它?

支持 MCP 的应用,例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它?

同一分类中有:Figma Context MCP, AutoClip, Next AI Draw.io

同类别的其他选择

同一分类中其他作者的服务器,按星标数排序。

如何看卡片:↓ 每周下载量i★ GitHub 星标i三大支柱:评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

Figma Context MCP

Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.

作者:GLips广泛使用↓ 15.2万/周★ 1.6万5个月前更新

在你的电脑上运行

AutoClip

Clip long videos into short clips with covers and captions. Local CLI and MCP.

作者:zhouxiaoka广泛使用↓ 205/周★ 1万15天前更新

在你的电脑上运行

Next AI Draw.io

draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand

作者:DayuanJiang广泛使用↓ 2.2万/周★ 3.7万 整个仓库的星标5天前更新

在你的电脑上运行

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

@ai-native-design-framework/kit — the AINDF 0.2 kit

One dependency-free package for any design system that conforms to AINDF (conformsTo: "aindf@0.2"):

CommandRoleWhat it does
aindf check DS maintainerConformance: sources validate against the pinned AINDF 0.1 schemas (schema/0.1, SHA256SUMS) and the v0.2 additions (schema/0.2), no dangling slot/modifier/preset edges, layer rule, downward-only tokens, closed props (no className/style/children/handlers), bindings resolve.
aindf bundle --out DS maintainerImmutable, content-addressed DS revision (bundleSha256). Screens pin it; the MCP serves it.
aindf build --screens --app [--check]trusted builderAdmits every *.screen.json, generates Next.js App Router pages (// @generated), --check fails on manual edits, stale specs, DS changes and orphans; writes built receipts only.
aindf mcp screen authorstdio MCP; createDsMcp + mcpFetchHandler run the same server on an edge runtime.

v0.2 additions to the public AINDF 0.1 contract graph: components (closed prop/slot/state contracts, templates), bindings (named data/action adapters implemented by the DS), screen (the only author artifact), receipt, config. MCP surface: AINDF 0.1 list-by-facet, slot-accepts, applicable-modifiers, get-preset plus get-ds, get-component, validate-screen, submit-screen and request-extension. The last two are offered only by an endpoint with staging (e.g. a hosted DS-MCP), need an author token and only stage unaccepted drafts; a read-only endpoint such as aindf mcp lists 7 tools, and an agent reports the need or the validated ScreenSpec to the user. Every tool carries a title and MCP hints (readOnlyHint, destructiveHint, idempotentHint, openWorldHint).

The kit contains no design system; its tests run against a small fixture design system kept in the repository. Limits: a builder receipt is not a signature; verified/accepted/released are never written by the kit; isolation of the author principal comes from deployment rights, not from this package.

Clean install: the repository's packages/aindf-kit/scripts/clean-install.mjs (source) packs this package, installs the tarball into an empty project and uses it only as a consumer would — the aindf bin (check, bundle, build, --check), the package exports and the MCP over stdio — each step with a negative. CI runs it on Node 20 and 22 and prints the tarball sha256 and kit version it checked.

Instance on Core (ds.core + ds.coreBundle + ds.coreBundleSha256, 0.2.0)

An Instance that extends a Core pins it in aindf.config.json three ways: ds.core (id@version), ds.coreBundle (path to that Core's AINDF bundle) and ds.coreBundleSha256 (the bundle's content hash; a self-consistent bundle with the same id@version but other contracts is refused). Generated screens import from one module only — the Instance's implementation.module — so a Core role a screen needs (Input, DialogPanel …) is provided by the Instance under the same contract name, implemented with the Instance's look. aindf check then holds that contract to the Core one: it must accept every prop value the Core contract accepts —

  • every Core prop stays, with its type, required exactly where Core requires it;
  • every enum value, allowed binding, rich-text mark and inline component stays (the Instance may add more);
  • limits are no tighter: maxLength, minItems/maxItems, minimum/maximum; the link pattern is the Core one;
  • every Core slot prop stays; props the Core role does not have are optional;
  • the role keeps its place in a screen: a Core template stays a template, routeParams is not added, the taxonomy layer is the Core one, every Core slot exists with a cardinality no tighter; slots the Core role does not have are optional (min 0);
  • every Core component exists in the Instance (contract and taxonomy), every Core binding by name; a params or data binding keeps its kind (a screen uses it as $.params / $.meta), an action binding may change kind (props name it).

What this guarantees: a screen written for Core — its components, props, where they stand, which slots they fill and how many children, its bindings — admits against the Instance unchanged, with one exception on purpose: what a slot *accepts* is judged by the Instance's own slotsets (their accepted components are Instance components), so a narrower accepts can still reject a Core screen with SLOT_REJECTS. That is not checked here.

coreConformance(config, components, core, { taxonomy, slots, bindings }): props, slotProps, template, routeParams and the Core component list are checked from components alone; the taxonomy layer and presence, slots and bindings only when that source is passed. checkDs passes all of them.

Codes: CORE_PIN (AINDF-DS-29) when the bundle is not the pinned one; CORE_CONFORMANCE (AINDF-DS-30) per narrowed prop, moved role, narrowed or new required slot, missing component or binding. Without ds.coreBundle nothing changes.