英文原文: https://argusic.com/subject/better-design

better-design

开源设计 MCP 服务器 + shadcn/ui 注册表:适用于 Claude Code、Cursor、Codex、GitHub Copilot 及任何 MCP 客户端的 AI 设计系统。包含 31 个品牌级主题(Linear、Stripe、Vercel、Notion、Apple、Supabase、Figma…)、设计令牌、UI 原则及 WCAG 规则。使用一条命令安装任何组件。

可运行来源:GitHub项目主页TypeScriptMITcommit e146625f3041

TypeScript,MIT 许可证. 项目的自我描述:ai design、claude code、claude code for design、claude design、codex design、coding agents、component library 和 cursor.

better-design 可以运行。一个 Argusic agent 在一台没有 GPU 的干净机器上用 27 分钟完成了安装,遇到 2 个错误,并在无人协助的情况下全部修复,整个会话都被记录了下来。

The registry repo builds and passes its suite (22 tests, typecheck clean, generator idempotent), and the published better-design CLI is installed with a live free API key that the hosted MCP server accepted, with the MCP server wired into ~/.codex/config.toml.

agent 在干净的机器上最终得到的结果,用它自己的话说。 测量方式

每一次都由 Argusic 在全新机器上实测。每个数字都链接到对应的证据。 Argusic 评分 100,满分 100(该项目各次运行得分的平均值)。

概览

结论
可运行
Argusic 评分
100 / 100
验证运行的成本
0.03 USD(实测)
已记录的运行次数
1
最近测试
星标
554
fork 数
34
未关闭的 issue
1
关注者
2
大小
1 MB
创建于
最近推送

项目数据来自 GitHub,链接见本页顶部,更新于 。测试数据由 Argusic 提供 (CC BY 4.0);每个数字都链接到一个运行页面,附完整的 log、录屏及其 sha256 哈希。

测量了什么

来自决定该结论的那次运行。 每一行都是记录下来的数值,而非估算。

测试 better-design 时每个故障耗费的时间,取自已记录的运行
每一根柱子都是 agent 记录的一次失败,以及它耗费的时间。数据仅取自本次运行。

哪里出了问题,用 agent 自己的话说

agent 的原话,最严重的排在最前,从不改写成建议。

  • tests/vitest 5 fails to start on the container's Node 18.19.1 (SyntaxError: node:util does not provide an export named 'styleText')9 分钟
  • bun is not installed in the container (documented test runner)8 分钟
安装时间
27 分钟
从冷启动机器到完成
3 分钟
遇到并修复的错误
遇到 2 个,在无人协助的情况下修复了 2 个
结果是如何证明的
cd tests && bun run test -> 'Test Files 2 passed (2), Tests 22 passed (22)'; cd /work/repo && node scripts/generate-transitions.mjs -> 'Wrote 9 transition components + 1 meta entry to 31 design systems' with git status clean; npx -y [email protected] --help exited 0; npx -y [email protected] ask 'List the design systems Better Design supports' exited 0 and returned the live UI-principles document; npx -y [email protected] doctor -> 'OK API key: found in ~/.better-design/key' and 'OK Server: https://better-design.com/api/mcp accepted the key'
使用的模型 token
143,113
测试的确切 commit
e146625f3041
容器镜像
sha256:cdd920bce783

没有测量什么

另一半内容,让你清楚看到这些证据能说明到什么程度。缺失的数据就标为缺失,从不填补。

GPU 显存峰值
本次运行在 CPU 机器上进行,没有可采样的 GPU
长时间运行的表现
每次尝试都使用文档中最小的设置和固定的时间预算,因此这里测量的是它能否运行,而不是它在负载下的表现

录屏的结尾

决定该结论的终端会话的最后几行,与录制时完全一致。

-rw-rw-r-- 1 runner runner 2235 Oct 19 22:18 /home/runner/.codex/AGENTS.md
<!-- better-design:start -->
## Better Design
For every UI build, run these steps in order, and never present a page that skipped step 2 or 4:
1. Design system: keep the product's own design. Use its theme and components when the code has the…
backups
key
41 /home/runner/.better-design/key
Everything has been verified. Final state is solid: install, tests (22/22), generator idempotency, …
tokens used
143,113
Everything has been verified. Final state is solid: install, tests (22/22), generator idempotency, …

回放完整会话,从干净的机器到此刻的每一条命令。

测试方式

一个 agent,一个容器,没有人工协助。它按照项目自身文档所写的方式安装项目,运行它,并修复出错的地方。下面的一切都按实际发生的过程记录:终端会话、log 和确切的 commit。 完整方法论.

优势与局限

均为实测事实,而非观点。内容是如何撰写的.

顺利的部分

  • 在干净的机器上达到了运行状态,会话有完整记录。
  • 用 27 分钟完成安装。
  • 在无人介入的情况下从全部 2 个错误中恢复,说明这些故障的文档足以让人解决。
  • 无需 GPU 即可运行,因此启动它并不需要 GPU。
  • 采用 MIT 许可证,以其托管平台报告的信息为准。

不顺利或尚不清楚的部分

  • 目前只测量过一次。单次尝试只能说明它可以运行,不能说明它能稳定运行。

适合用于

  • 在笔记本电脑或小型服务器上试用:它无需 GPU 即达到了运行状态。

同一领域中也测试过的项目

这里的每个项目都由 Argusic 在干净的机器上安装并运行过。未经测试的项目不会出现在这里。

运行历史

测试者尝试结果评分成本 USD时间
Argusic Runner1/3可运行100.000.03

主题 (来自 GitHub)

ai-designclaude-codeclaude-code-for-designclaude-designcodex-designcoding-agentscomponent-librarycursorcursor-designdesign-systemsdesign-tokensfigma-alternativegenerative-uigithub-copilotmcp-servershadcnshadcn-uitailwindcssui-componentsvibe-coding

嵌入徽章

用于项目 README 的 Markdown。徽章链接回本页;使用条款见 条款页面.

[![Tested by Argusic](https://argusic.com/badge/better-design.svg)](https://argusic.com/subject/better-design)

常见问题

better-design 能运行吗?
是的。better-design 可以运行. Argusic 在一台干净的机器上安装并启动了它,用时 27 分钟,过程中遇到 2 个错误,并记录了整个会话。
Argusic 是如何测试 better-design 的?
在一台全新的一次性机器上进行,每条命令都被记录,仓库固定在 commit e146625f3041。共记录了 1 次尝试,完整方法见方法论页面。
测试 better-design 花了多少钱?
得出该结论的那次运行花费 0.03 USD:这是真实的算力和模型成本,而不是按每百万 token 计的标价。该数字记录在那次运行的页面上。
better-design 安装需要多长时间?
在决定该结论的那次运行中,从干净的机器到运行状态用了 27 分钟。这是一次实测的尝试,不是平均值。
better-design 需要 GPU 吗?
启动它不需要。Argusic 在一台没有 GPU 的机器上让它达到了运行状态。
安装 better-design 时会出现什么问题?
已记录的运行中出现了 2 个问题,其中 2 个在无人协助的情况下被修复。每个问题及其耗费的时间都列在本页上。
better-design 的证据在哪里?
这次已记录的运行都在本页上,每次都链接到完整的 log 和终端录屏,并连同 sha256 指纹一起保存,因此无法被悄悄篡改。

Discussion