英語の原文: 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 ルールも提供します。任意のコンポーネントを one コマンドでインストールできます。
動作するソース: GitHubホームページTypeScriptMITコミット e146625f3041
TypeScript、MIT ライセンス. プロジェクト自身の表記: ai design、claude code、claude code for design、claude design、codex design、coding agents、component library、cursor.
better-design は動作します。Argusic のエージェントが 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.
クリーンなマシンでエージェントが最終的に得た結果 (エージェント自身の言葉)。 計測方法
Argusic が毎回新しいマシンで計測しています。 すべての数値はその証拠にリンクしています。 Argusic スコア 100 点中 100 点 (このプロジェクトの実行スコアの平均)。
概要
プロジェクトのデータは GitHub から取得 (このページの冒頭にリンクあり)、更新日 。テストデータは Argusic によるもので (CC BY 4.0)、すべての数値は、完全なログ、録画、それらの sha256 ハッシュを含む実行ページにリンクしています。
計測した内容
この判定を決めた実行から取得しています。 各行は記録された値であり、推定値ではありません。
うまくいかなかった点 (エージェント自身の言葉)
エージェント自身の言葉を、深刻なものから順に掲載しています。助言に書き換えることはありません。
- 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'
- 使用したモデルのトークン
- 143,113
- テストした正確なコミット
- 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, …
セッション全体を再生 (クリーンなマシンからこの時点までのすべてのコマンド)。
テスト方法
1 つのエージェント、1 つのコンテナで、人の手は借りません。エージェントはプロジェクト自身のドキュメントに書かれた方法でインストールし、実行し、壊れた部分を修正します。以下はすべて、実際に起きたとおりに記録されています: ターミナルセッション、ログ、そして正確なコミットです。 評価方法の全文.
強みと限界
意見ではなく、計測された事実です。コンテンツの作成方法.
うまくいった点
- クリーンなマシンで実行状態に達し、セッションが記録されました。
- 27 分でインストールできました。
- 2 件のエラーすべてから、人の介入なしに回復しました。失敗が解決できる程度にはドキュメント化されていることを示しています。
- GPU なしで動作したため、起動に GPU は必要ありません。
- ホストの報告によると、ライセンスは MIT です。
うまくいかなかった点、または不明な点
- これまでの計測は 1 回です。1 回の試行は動作し得ることを示すだけで、安定して動作することは示しません。
適している用途
- ノートパソコンや小さなサーバーで試す場合: GPU なしで実行状態に達しました。
同じ分野でテストしたプロジェクト
ここに挙げたものはすべて、Argusic がクリーンなマシンにインストールして実行しました。テストしていないものは表示されません。
実行履歴
トピック (出典: GitHub)
ai-designclaude-codeclaude-code-for-designclaude-designcodex-designcoding-agentscomponent-librarycursorcursor-designdesign-systemsdesign-tokensfigma-alternativegenerative-uigithub-copilotmcp-servershadcnshadcn-uitailwindcssui-componentsvibe-coding
バッジを埋め込む
プロジェクトの README に貼る Markdown です。バッジはこのページにリンクします。利用条件: 利用規約ページ.
[](https://argusic.com/subject/better-design)質問
- better-design は動作しますか?
- はい。better-design は動作します. Argusic はクリーンなマシンで 27 分でインストールして起動し、途中で 2 件のエラーに遭遇し、セッションを記録しました。
- Argusic は better-design をどのようにテストしましたか?
- 新しい使い捨てのマシンで、すべてのコマンドを記録しながらテストしました (リポジトリはコミット e146625f3041 に固定)。記録された試行は 1 回で、手順の全体は評価方法のページに掲載しています。
- better-design のテストにはいくらかかりましたか?
- この判定を出した実行のコストは 0.03 USD です: 100 万トークンあたりの定価ではなく、実際の計算資源とモデルのコストです。その実行のページに記録されています。
- better-design のインストールにはどのくらい時間がかかりますか?
- この判定を決めた実行では、クリーンなマシンから実行状態まで 27 分でした。これは 1 回の計測された試行であり、平均ではありません。
- better-design には GPU が必要ですか?
- 起動には必要ありません。Argusic は GPU のないマシンで実行状態に達しました。
- better-design のインストールでは何がうまくいきませんか?
- 記録された実行では 2 件の問題が発生しました。そのうち 2 件は人の手を借りずに修正されました。それぞれの問題と、かかった時間をこのページに掲載しています。
- better-design の証拠はどこにありますか?
- 記録された実行をこのページに掲載しており、それぞれが完全なログとターミナル録画にリンクしています。録画は sha256 フィンガープリントとともに保存されているため、こっそり改変することはできません。