设计资源DESIGN· UI-KIT

better-design

marvkr/better-design

为AI编码助手提供31套品牌设计系统的开源工具，让生成界面自动匹配品牌风格和可访问性。🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, UI principles & WCAG rules. Install any component with one command.

根据公开文档整理，未运行实测；费用以项目官网为准。Based on public documentation, without runtime testing. Check the project site for pricing.

适用平台Platforms: claude-code · claude-desktop · claude-ai · vscode · copilot
已识别的要求Documented requirements: API key
许可LICENSE: MIT

打开仓库Open repository 官网Homepage 上升中Rising

能力CAPABILITIES

它能帮你做成什么What it helps you do

01
用一条命令安装任何组件
02
套用31个大厂风格的主题
03
让AI按设计规范生成页面
04
自动检查并修复可访问性问题

上手GET STARTED

怎么装How to install

NPX

npx shadcn@latest add https://www.better-design.com/registry/<design-system>/<component>.json

选择与你的环境对应的方式。命令来自项目文档，未运行实测。Choose the option for your environment. Commands come from project documentation and have not been run-tested.

打开项目文档Open project documentation ↗

使用限制LIMITATIONS

限制与风险Limits and risk

以下要求与风险来自文档静态检查，未执行项目代码；扫描没有命中，不代表使用安全。Risk here is evidence, not an alarm. These findings come from static scanning of the docs; we never execute a project’s code.

限制LIMITS

未知Unknown

01需要 API KeyREQUIRES API KEY: 是Yes
02需要本地环境NEEDS LOCAL RUNTIME: 未在文档中发现Not found in the docs
03需要 DockerNEEDS DOCKER: 未在文档中发现Not found in the docs
04难度DIFFICULTY: 需要 API KeyNeeds an API key

项目动态PROJECT ACTIVITY

它现在处在什么位置Where it stands right now

首次发现FIRST SEEN

03 OCT 202603 OCT 2026

增长GROWTH

+36.3%+36.3%

251 → 342 stars · 12 个快照251 → 342 stars · 12 snapshots

讨论DISCUSSION

1 SOURCES1 SOURCES

1 条外部提及1 external mentions

状态STATUS

持续活跃Active

提供31个品牌级设计系统（如Linear、Stripe、Apple），可直接在AI编码工具中调用。

相关讨论RELATED DISCUSSIONS

Show HN: Better Design – 28 Shadcn design systems (OSS, MCP: Cursor/Claude Code)
HN_STORY · 13 points · 0 comments

PROVENANCE · 这些结论的依据是什么Where these conclusions come from

来源 URLSource URL: https://github.com/marvkr/better-design
原始数据哈希Raw data hash: 5455e4f4dc0b2c6dca33f775484b59fe
解析时间Parsed at: 2026-10-14T23:38:57.590Z
最后一次验证Last verified: 2026-10-14T22:12:53.832Z
增长测量时间Growth measured: 2026-10-14T23:41:44.425Z
发现查询Discovery queries: focus:design:repo:design-token, focus:design:repo:design-tokens, focus:design:repo:figma-mcp
分类来源Category source: rules
焦点Focus

完整解析证据 JSONFull parse evidence JSON

{
  "agents": [
    {
      "agent": "claude-code",
      "evidence": "readme: …tible agents and editors like Claude Code, Cursor, VS Code/GitHub Copil…"
    },
    {
      "agent": "claude-desktop",
      "evidence": "readme: …rsor, VS Code/GitHub Copilot, Claude Desktop, and claude.ai. It is a desig…"
    },
    {
      "agent": "claude-ai",
      "evidence": "readme: …Copilot, Claude Desktop, and claude.ai. It is a design MCP server, A…"
    },
    {
      "agent": "vscode",
      "evidence": "readme: …ors like Claude Code, Cursor, VS Code/GitHub Copilot, Claude Deskto…"
    },
    {
      "agent": "copilot",
      "evidence": "readme: …Claude Code, Cursor, VS Code/GitHub Copilot, Claude Desktop, and claude.a…"
    }
  ],
  "apiKey": "\": { \"Authorization\": \"Bearer YOUR_API_KEY\" } } } } ``` ### Connect via Cla",
  "docker": null,
  "taxonomy": {
    "scores": {
      "design": 10,
      "ai-tools": 1,
      "dev-tools": 0,
      "indie-web": 6,
      "skill-agent": 9,
      "productivity": 3
    },
    "primary": "design",
    "secondary": "ui-kit"
  },
  "localRuntime": null,
  "skillMdTotal": 2,
  "skillMdErrors": [],
  "treeTruncated": false,
  "categoryScores": {
    "data": 0,
    "agent": 0,
    "media": 0,
    "design": 26,
    "browser": 0,
    "devtool": 1,
    "security": 0,
    "marketing": 0,
    "productivity": 3
  },
  "classification": [
    {
      "signal": "2 SKILL.md with name + description",
      "weight": 0.95
    },
    {
      "signal": "skills/ directory with 1 markdown files",
      "weight": 0.75
    },
    {
      "signal": "README describes a Claude / Agent Skill",
      "weight": 0.7
    },
    {
      "signal": "README ships an mcpServers config for this server",
      "weight": 0.7
    },
    {
      "signal": "MCP topic + README",
      "weight": 0.6
    },
    {
      "signal": "description mentions AI",
      "weight": 0.2
    }
  ],
  "scannedSources": [
    "readme",
    ".agents/skills/animate-text/SKILL.md",
    "skills/better-design/SKILL.md"
  ],
  "skillMdFetched": 2
}