melta-ui

by tsubotax · Claude Skill · ★ 201

About melta-ui

melta UI 人間にも、AIにも、読めるデザインシステム。 デザインシステムは、人間のためだけのものだった。 スタイルガイドを読み、コンポーネントの意図を汲み取り、文脈に合わせて判断する——それはデザイナーとエンジニアの仕事だった。 しかし今、UIを書くのは人間だけではない。 AIがコードを生成し、コンポーネントを選び、レイアウトを組む時代に、 デザインシステムは 「人間が読める」だけでは足りない。 melta UI は、この問いに対する一つの答えである。 人間の可読性を犠牲にせず、AIの可読性を加える。 両立こそが、melta UI の設計思想である。 Architecture — AI-Ready 2.0 3 層構造で「AI が迷わない、間違えにくい、間違えても検知される」を実現する。 トークン検索・コンポーネント取得・ルール検証をツールとして

ai-readyclaude-codecursordesign-systemjapanesetailwindcssui-components

Quick Facts

Stars201
Forks21
LanguageTypeScript
CategoryClaude Skill
LicenseMIT
Quality Score43.25/100
Open Issues1
Last Updated2026-10-10
Created2026-03-01
Platformsclaude-code, node
Est. Tokens~353k

Compatible Skills

These tools work well together with melta-ui for enhanced workflows:

  • design-md-figma — semantic(0.22)+complementary+rare_topics+same_lang+similar_pop+shared_platform (57%)
  • vibe — semantic(0.21)+complementary+rare_topics+same_lang+similar_pop (56%)
  • antd-components-mcp — semantic(0.27)+complementary+same_lang+similar_pop+shared_platform (54%)
  • typeui — semantic(0.28)+complementary+rare_topics+same_lang+similar_pop (54%)
  • uSpec — semantic(0.28)+complementary+rare_topics+same_lang+similar_pop (54%)

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular TypeScript Agent Tools

Frequently Asked Questions

What is melta-ui?

melta-ui is 人間にも、AIにも、読めるデザインシステム — AI-Ready Design System for Claude Code & Cursor. It is categorized as a Claude Skill with 201 GitHub stars.

What programming language is melta-ui written in?

melta-ui is primarily written in TypeScript. It covers topics such as ai-ready, claude-code, cursor.

How do I install or use melta-ui?

You can find installation instructions and usage details in the melta-ui GitHub repository at github.com/tsubotax/melta-ui. The project has 201 stars and 21 forks, indicating an active community.

What license does melta-ui use?

melta-ui is released under the MIT license, making it free to use and modify according to the license terms.

View on GitHub → Browse Claude Skill tools