MCP Catalogs
← 首页

primitiv

by AI-by-design·★ 16·综合分 42

Primitiv 通过 MCP 从多个来源创建单一设计合约，确保 UI 代理构建一致。

developer-toolsai-llmother
1
Forks
0
活跃 Issue
本月
最近提交
2 天前
收录于

概述

Primitiv 作为 AI 代理的设计合约层，调和 Figma、代码库、Storybook 和令牌文件等设计来源之间的冲突。它通过 MCP 提供机器可读的合约，代理可以在构建 UI 前查询。系统扫描来源，检测冲突，并应用治理规则以生成单一权威答案。它完全在本地运行，保持设计资产私密，确保没有代码离开你的机器。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

你:确保 AI 生成的 UI 组件与现有设计系统匹配
你:跨前端项目自动化设计令牌验证
你:通过 MCP 将 Figma 等设计工具与代码编辑器集成
你:Primitiv 支持哪些来源？
你:它如何处理设计来源之间的冲突？

什么时候选它

当团队使用多种设计工具且需要AI代理严格遵循已 reconcile 的设计系统契约构建UI时，选择Primitiv。

什么时候不要选它

如果您只使用单一设计源且不需要 reconcile，或者更喜欢人类可读文档而非机器可读契约，则避免使用Primitiv。

此 server 暴露的工具

从 README 抽取出 5 个工具
  • get_design_context

    Get all tokens, components, conflicts, and inferred rules from the design contract

  • get_token

    Look up a specific design token by name

  • get_component

    Look up a specific component and its props

  • get_conflicts

    Get unresolved conflicts between design sources

  • get_inferred_rules

    Get design rules Primitiv has extracted from codebase patterns

可对比工具

design-tokens-mcpfigma-mcpstyle-guide

安装

通过 npm 或 bun 安装：

npm install @ai-by-design/primitiv
# 或
bun add @ai-by-design/primitiv

初始化：

npx @ai-by-design/primitiv init

这会在项目根目录创建 .mcp.json。对于 Claude Desktop，添加到配置：

{
  "mcpServers": {
    "primitiv": {
      "command": "npx",
      "args": ["@ai-by-design/primitiv", "serve"]
    }
  }
}

FAQ

Primitiv 支持哪些来源？
当前支持代码库（CSS 变量、TypeScript 令牌、React 组件），正在开发 Figma 和 Storybook 适配器。可以通过适配器添加新来源。
它如何处理设计来源之间的冲突？
Primitiv 显示来源之间的冲突并根据您的治理配置解决。您可以设置真相来源（代码库、Figma 等）和冲突解决策略（错误、警告、自动解决）。

primitiv 对比

primitiv vs ultimate_mcp_serverprimitiv vs mcp-server-chartprimitiv vs everythingprimitiv vs filesystemprimitiv vs time
GitHub →

最后更新于 · 由 README + GitHub 公开数据自动生成。