melta-ui — Claude Skill by tsubotax

by tsubotax · Claude Skill · ★ 144

Last updated: · Indexed by AgentSkillsHub · Auto-synced every 8h

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

Stars144
Forks11
LanguageTypeScript
CategoryClaude Skill
LicenseMIT
Quality Score58.338/100
Last Updated2026-04-27
Created2026-03-01
Platformsclaude-code, node
Est. Tokens~351k

melta-ui alternative? Top 6 similar tools

Looking for a melta-ui alternative? If you're comparing melta-ui with other claude skill tools, these 6 projects are the closest alternatives on Agent Skills Hub — ranked by topic overlap, star count, and community traction.

  • styleseed by bitjaru · ⭐ 315

    Claude Code & Cursor design system. Stop generating ugly AI UI. 69 design rules + 48 shadcn components + Toss/

  • ai-design-components by ancoleman · ⭐ 303

    Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude

  • vibe by mondaycom · ⭐ 642

    🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

  • awesome-design-skills by bergside · ⭐ 384

    List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stit

  • Claude-Code-Agent-Monitor by hoangsonww · ⭐ 345

    🚀 A real-time monitoring dashboard for Claude Code agents, built with SQLite3, Node.js, Express, React, Vite,

  • lovcode by lovstudio · ⭐ 327

    A desktop companion app for AI coding tools. Browse Claude Code chat history, manage configurations, commands,

More Claude Skill Tools

Explore other popular claude skill tools:

View all Claude Skill tools →

Popular TypeScript Agent Tools

  • openclaw ⭐ 370.5k · Codex Skill
  • n8n ⭐ 187.3k · MCP Server
  • dify ⭐ 140.8k · MCP Server
  • gemini-cli ⭐ 103.6k · MCP Server
  • gstack ⭐ 92.8k · Agent Tool

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 144 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 144 stars and 11 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.

What are the best alternatives to melta-ui?

The top alternatives to melta-ui on Agent Skills Hub include styleseed, ai-design-components, vibe. Each offers a different approach to the same problem space — compare them side-by-side by stars, quality score, and community activity.

View on GitHub → Browse Claude Skill tools