better-design
MCP Servermarvkr/better-design
Better Design is an MCP server and design system registry that equips AI coding agents with production-ready design tokens, component styles, and accessibility review rules.
Overview
This skill acts as a comprehensive design intelligence and scaffolding layer for AI coding assistants. It integrates curated open-source design systems—such as those inspired by Linear, Vercel, and Stripe—alongside UI principles, icon mappings, and self-review checklists to ensure generated user interfaces look professional rather than generic.
Capabilities
- ▸Design system matching and token resolution
- ▸UI principle and typography guidance retrieval
- ▸Automated accessibility and visual-design review rules
- ▸Icon library resolution and search
- ▸Structured text animation and motion spec generation
Best for
Building product interfaces matching specific real-world design systems like Linear or Vercel, Fetching semantic CSS tokens and component code for AI agents, Reviewing generated UI code for accessibility compliance and visual hierarchy flaws, Selecting matching icon libraries and animating text components using structured specs
Works with
実タスクにどれだけ役立つか(機能の豊富さ・用途の明確さ)。 — AIによるcapabilities/use-cases解析
実装・指示の品質。 — AIによるSKILL.md/README解析
リポジトリがどれだけ活発に保守されているか。 — GitHub 最終push日時の新しさ
ドキュメントの充実度・分かりやすさ。 — README/独自要約の情報量
危険・不審な挙動が無いか。 — AIによるセキュリティレビュー
ありふれたラッパーではない独自性。 — AIによる独自性判定
コミュニティの採用度。 — GitHub Stars/Forks(対数スケール)
対応AIエージェントの広さ。 — AIによる対応エージェント判定
ライセンス不明/制限あり(Red)のSkillは総合スコアに0.85倍の補正を適用します。 ランキングはこのScoreのみで決まり、広告で変わりません。 算出方法の詳細 →
Security considerations
The skill operates primarily as a design context registry and translation catalog, executing local scripts via Node.js when requested, presenting minimal operational security risks.
Categories
Summary and analysis are original content generated by AI Skills Rank. The skill's source text is not reproduced here — view it on the linked repository.