Bản gốc tiếng Anh: https://argusic.com/subject/better-design
better-design
Máy chủ MCP thiết kế mã nguồn mở + registry shadcn/ui: hệ thống thiết kế AI cho Claude Code, Cursor, Codex, GitHub Copilot và bất kỳ client MCP nào. 31 chủ đề đẳng cấp thương hiệu (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) + design tokens, nguyên tắc UI và quy tắc WCAG. Cài đặt bất kỳ component nào bằng một lệnh duy nhất.
Chạy đượcnguồn: GitHubtrang chủ dự ánTypeScriptMITcommit e146625f3041
TypeScript, giấy phép MIT. Dự án tự gắn nhãn: ai design, claude code, claude code for design, claude design, codex design, coding agents, component library và cursor.
better-design chạy được. Trên một máy sạch không có GPU, một agent của Argusic đã cài đặt nó trong 27 phút, gặp 2 lỗi và tự sửa hết mà không cần trợ giúp, và toàn bộ phiên làm việc được ghi lại.
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.
Kết quả agent đạt được trên máy sạch, bằng chính lời của nó. Cách đo
Argusic đo trên một máy mới mỗi lần. Mỗi con số đều link tới bằng chứng của nó. Điểm Argusic 100 trên 100 (trung bình điểm các lần chạy của dự án này).
Tóm tắt
Dữ liệu dự án lấy từ GitHub, có link ở đầu trang, cập nhật . Dữ liệu test của Argusic (CC BY 4.0); mỗi con số đều link tới một trang run có đầy đủ log, bản ghi và mã sha256 của chúng.
Những gì đã đo
Lấy từ lần chạy quyết định kết luận này. Mỗi dòng là một giá trị được ghi lại, không phải ước tính.
Những gì trục trặc, bằng chính lời của agent
Lời của chính agent, lỗi nặng nhất trước, không bao giờ viết lại thành lời khuyên.
- 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 phút
- bun is not installed in the container (documented test runner)8 phút
- Thời gian cài đặt
- 27 phút
- Từ máy sạch đến khi xong
- 3 phút
- Lỗi gặp và đã sửa
- gặp 2, tự sửa 2 mà không cần người giúp
- Cách chứng minh kết quả
- 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'
- Số token model đã dùng
- 143.113
- Commit chính xác đã test
- e146625f3041
- Container image
- sha256:cdd920bce783
Những gì chưa đo
Nửa còn lại, để bạn thấy rõ bằng chứng này đi xa tới đâu. Chỗ trống được ghi là chỗ trống và không bao giờ được lấp vào.
- Bộ nhớ GPU cao nhất
- lần này chạy trên máy CPU, nên không có GPU để đo
- Hoạt động khi chạy lâu
- mỗi lần thử dùng cấu hình nhỏ nhất có trong tài liệu và một khoảng thời gian cố định, nên đây là đo xem nó có chạy hay không, không đo nó chịu tải ra sao
Đoạn cuối của bản ghi
Những dòng cuối của phiên terminal đã quyết định kết luận này, đúng như khi được ghi lại.
-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, …
Xem lại toàn bộ phiên, mọi lệnh từ máy sạch tới thời điểm này.
Cách test
Một agent, một container, không có người giúp. Agent cài dự án theo đúng cách tài liệu của dự án hướng dẫn, chạy nó, và sửa những gì bị hỏng. Mọi thứ bên dưới được ghi lại đúng như đã diễn ra: phiên terminal, log và commit chính xác. Toàn bộ phương pháp.
Điểm mạnh và giới hạn
Dữ kiện đo được, không phải ý kiến. Cách viết nội dung.
Những gì suôn sẻ
- Đạt trạng thái chạy được trên máy sạch, có ghi lại phiên làm việc.
- Cài đặt trong 27 phút.
- Tự khắc phục cả 2 lỗi mà không cần người can thiệp, cho thấy các lỗi được ghi trong tài liệu đủ rõ để giải quyết.
- Chạy được không cần GPU, nên không cần GPU để khởi động.
- Giấy phép MIT, theo thông tin từ nơi lưu trữ dự án.
Những gì không suôn sẻ, hoặc chưa biết
- Mới đo một lần. Một lần thử cho thấy nó có thể chạy, chưa cho thấy nó chạy ổn định.
Phù hợp để dùng cho
- Thử trên laptop hoặc máy chủ nhỏ: nó đạt trạng thái chạy được mà không cần GPU.
Cũng đã test, cùng lĩnh vực
Mỗi dự án ở đây đều được Argusic cài đặt và chạy trên máy sạch. Không có dự án nào chưa test xuất hiện ở đây.
Lịch sử chạy
Chủ đề (từ GitHub)
ai-designclaude-codeclaude-code-for-designclaude-designcodex-designcoding-agentscomponent-librarycursorcursor-designdesign-systemsdesign-tokensfigma-alternativegenerative-uigithub-copilotmcp-servershadcnshadcn-uitailwindcssui-componentsvibe-coding
Nhúng badge
Markdown cho README của dự án. Badge link về trang này; điều khoản ở trang điều khoản.
[](https://argusic.com/subject/better-design)Câu hỏi
- better-design có chạy được không?
- Có. better-design chạy được. Argusic đã cài đặt và khởi chạy nó trên một máy sạch trong 27 phút, gặp 2 lỗi trên đường đi, và ghi lại phiên làm việc.
- Argusic đã test better-design như thế nào?
- Trên một máy mới, dùng một lần, mọi lệnh đều được ghi lại và repo được ghim ở commit e146625f3041. Có một lần thử được ghi lại, và toàn bộ phương pháp nằm ở trang phương pháp.
- Test better-design tốn bao nhiêu?
- Lần chạy đưa ra kết luận này tốn 0,03 USD: chi phí máy và model thật, không phải giá niêm yết theo triệu token. Con số được ghi trên trang của lần chạy đó.
- Cài đặt better-design mất bao lâu?
- 27 phút trong lần chạy quyết định kết luận này, từ máy sạch đến trạng thái chạy được. Đó là một lần thử đo được, không phải số trung bình.
- better-design có cần GPU không?
- Không cần để khởi động. Argusic đã đạt trạng thái chạy được trên một máy không có GPU.
- Cài đặt better-design thì gặp lỗi gì?
- 2 lỗi xảy ra trong lần chạy được ghi lại, và 2 lỗi đã được sửa mà không cần người giúp. Từng lỗi, cùng thời gian nó tốn, được liệt kê trên trang này.
- Bằng chứng cho better-design ở đâu?
- Lần chạy được ghi lại nằm trên trang này, mỗi lần link tới log đầy đủ và terminal recording, được lưu kèm dấu vân tay sha256 để không thể bị sửa lén.