melta-ui

让 Claude Code 和 Cursor 看懂组件,生成界面少返工

melta-ui 是一个面向 AI 编程助手的设计系统,主打「人和 AI 都能读懂」的组件库。它基于 TypeScript 和 Tailwind CSS 构建,专门为 Claude Code、Cursor 这类 AI 编码工具优化,让 AI 在生成界面时能准确理解组件的语义、结构和用法,减少胡编乱造。传统组件库文档是给人看的,AI 读起来容易断章取义;melta-ui 通过结构化的元数据、清晰的命名和 AI 友好的注释,把组件意图直接暴露给模型,从而提升 AI 生成代码的准确率和一致性。它提供一套可直接复用的 UI 组件,覆盖常见界面场景,并附带日文与英文语境支持。适合想用 AI 快速搭前端、又不想每次手动纠错的开发者,尤其适合在日本市场或需要多语言界面的项目。

开源 unknown 设计创意
访问官网 ↗ GitHub ↗ 文档 ↗
GitHub 星标 ★ 202
维护状态 较活跃
是否开源 是
定价模式 unknown

项目预览

项目数据

分类设计创意
开发团队tsubotax
所属国家
定价模式unknown
价格说明定价信息待确认
访问状态
是否开源是
开源协议MIT
主要语言TypeScript
技术栈/模型ai-ready,claude-code,cursor,design-system,japanese,tailwindcss,ui-components
GitHub 星标★ 202
30天Star增速
HF 下载量
上线时间2026-03-01 00:00:00
代码更新—
仓库体积—
本站数据更新—
维护状态较活跃
中文支持
访问方式
移动端支持
综合评分
收录时间2026-10-08
浏览次数0

Star 增长趋势

本站每日记录该项目 GitHub 星标变化,观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

  • 组件元数据为 AI 读取设计,Claude Code/Cursor 生成时语义更准
  • 基于 Tailwind CSS,样式可预期,方便二次定制
  • TypeScript 类型完整,人和 AI 都能获得明确接口提示

不足之处

  • 项目早期,组件数量和生态覆盖有限
  • 文档与社区规模较小,长期维护待观察

适用场景

  • 用 Cursor 快速生成后台管理界面
  • 在 Claude Code 中搭建日文产品原型
  • 团队统一 AI 生成 UI 的组件规范

替代项目

shadcn/ui、Ant Design

项目介绍

melta-ui 是设计创意领域的开源项目,由 tsubotax 开发,是 2026 年新上线的项目。

它收录于设计创意分类,该分类目前共有 192 个项目,GitHub 星标数为 202。

项目保持着较活跃的维护节奏,最近一次代码更新于 2026-09-27。

它主要面向的使用场景是:用Cursor快速生成后台管理界面。同类可对比的替代方案包括 shadcn/ui、Ant Design。

上一篇:inkloom

下一篇:claude-directory

同类项目推荐

open-design 开源

让 AI 代工做界面,本地跑完随手改

Best DeepSeek Harness Design Plugin. The open-source Claude Design alternative. ️ L···

★ 99850 2026-08-09
Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 133649 2026-08-19
morph 开源

用数据直接生成设计、动画和交互可视化

Morph is a free and open-source tool for creating designs, animations or interactive···

★ 127 2026-08-09
ChatGPT-MidJourney-prompt 开源

输入一句话,AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 344 2026-08-09