opendesign

让AI编码有审美，从真实设计系统中学习

开源 🏷️定价信息待确认 ✅ 目前可打开 智能体 🍴 复刻 4 🐛 待处理 2
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 74
维护状态 维护中
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

opendesign 项目界面预览图
图片来源：项目官网

项目数据

分类智能体
开发团队qiuyiwu1989-star
官网地址https://opendesign.cc
GitHubhttps://github.com/qiuyiwu1989-star/opendesign
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态✅ 目前可打开
是否开源是
开源协议NOASSERTION
主要语言JavaScript
技术栈/模型ai,ai-agents,claude,claude-code,cursor,design-system,design-tokens,llm,mcp,model-context-protocol,open-standard,playwright,vision-llm,web-design
GitHub 星标★ 74
上线时间2026-05-28 00:00:00
代码更新2026-08-27
仓库体积31.4 MB
本站数据更新2026-11-10
维护状态维护中
收录时间2026-08-09
浏览次数12

项目介绍

opendesign 是一个将真实网页设计系统转化为机器可读规范的开源项目，目前收录了 1,486 个真实设计系统，并通过 MCP（Model Context Protocol）服务器为 AI 编码代理提供设计规范支持。它解决的核心问题是 AI 生成的代码往往功能正确但缺乏设计美感，通过提供结构化的设计令牌、组件样式和交互模式，让 AI 在编码时能参考真实世界的设计语言，从而产出更有品味、更符合用户审美的界面。项目基于 JavaScript 实现，深度集成 Claude Code、Cursor 等主流 AI 编程工具，支持设计系统数据的标准化提取和实时查询。其核心能力包括大规模设计系统数据集的构建、MCP 协议接入、以及为 AI 代理提供可操作的视觉设计约束，帮助开发者在不牺牲功能的前提下提升 AI 生成界面的视觉质量。

Star 增长趋势

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

数据来源：GitHub API 逐日快照 · 收录于 2026-08-09 · 当前星标 ★ 74

核心亮点

  • 收录1486个真实设计系统，数据规模大且真实，非合成样本
  • 通过MCP标准协议接入，可无缝集成Claude Code、Cursor等主流AI工具
  • 将设计系统转化为机器可读规范，直接提升AI生成界面的视觉品味

不足之处

  • 项目处于早期阶段，GitHub星标仅64，社区生态和文档尚不完善
  • 依赖Playwright等爬虫技术，设计系统数据更新频率和维护成本待观察

适用场景

  • AI编程工具（如Claude Code、Cursor）生成前端界面时，自动注入设计规范
  • 设计系统研究者或开发者快速获取真实网站的设计令牌和模式
  • 企业构建内部AI编码助手时，作为设计知识库的参考来源

替代项目

Design Tokens Community、Style Dictionary、OpenAI MCP

上一篇：subjective-zero

下一篇：web-builder

同类项目推荐

Excalidraw 开源

开源虚拟白板协作工具

Virtual whiteboard for sketching hand-drawn like diagrams

★ 135414 2026-08-19
Design-Learn 开源

把参考网站的设计风格，一键变成 AI 可用的规则。

Extract reference-site design language into reusable rules for AI coding tools.

★ 172 2026-08-09
PosterCopilot 开源

一句话描述需求，自动生成可编辑分层海报

Official implementation for PosterCopilot

★ 204 2026-08-09
Tokokino 开源

浏览器里给截图和录屏加背景、设备框、文字，直接导出图片或视频

Browser-based screenshot & video beautifier — backgrounds, device frames, shadows, ···

★ 187 2026-10-10
docker-prompt-generator 开源

一句话生成绘图咒语，MidJourney/SD 灵感秒出

Using a Model to generate prompts for Model applications. / 使用模型来生成作图咒语的···

★ 1154 2026-08-09
design-agent 开源

聊天一句话，产出品牌风格图稿、幻灯片与动效

Open-source design agent: on-brand stills, decks, diagrams, charts and motion graphi···

★ 601 2026-10-31
noisemaker 开源

用几行代码生成酷炫噪声纹理和视觉特效

A friendly and extendable shader art engine.

★ 124 2026-08-09
cuneus 开源

写计算着色器像写脚本，热重载+多通道+音视频输入，实时出片

Engine for creating compute shader apps. easy multi pass pipelines, hot reload, audi···

★ 212 2026-08-09