open-design-agent-kit

把专业 UI 设计规范装进你的编码智能体

开源 🏷️定价信息待确认 ⏳ 访问状态待核验 设计创意 🍴 复刻 50 🐛 待处理 8 👀 关注 3
访问官网 ↗ GitHub ↗
GitHub 星标 ★ 538
维护状态 活跃
是否开源 开源
定价模式 🏷️定价信息待确认

项目预览

open-design-agent-kit 项目界面预览图
图片来源：项目官网

项目数据

分类设计创意
开发团队feimacode
官网地址https://marketplace.visualstudio.com/items?itemName=feima.open-design-agent-kit
GitHubhttps://github.com/feimacode/open-design-agent-kit
定价模式🏷️定价信息待确认
价格说明定价信息待确认
访问状态⏳ 访问状态待核验
是否开源是
开源协议MIT
主要语言HTML
技术栈/模型ai-agent,claude-code,claude-design,claude-desktop,codex,copilot-chat,cursor,dashboard,design,design-systems,design-tokens,figma,github-copilot,landing-page,mcp,model-context-protocol,open-design,prototyping,ui-design,vibe-coding
GitHub 星标★ 538
上线时间2026-09-19 00:00:00
代码更新2026-10-30
仓库体积10.4 MB
本站数据更新2026-10-31
维护状态活跃
收录时间2026-10-31
浏览次数0

项目介绍

open-design-agent-kit 是一套以纯文件形式嵌入代码仓库的 UI 设计技能包，让已有的编码智能体（GitHub Copilot Chat、Claude Code、Codex、Cursor）直接具备专业级界面设计能力。它解决的是 AI 写代码时界面粗糙、缺乏设计规范的问题：通过内置 270+ 设计技能、150+ 品牌设计系统和 160+ 可复用示例，智能体在生成页面时能自动套用配色、排版、间距与组件规范，产出接近设计稿水准的界面。项目无需桌面应用、后台守护进程或 API Key，全部以 HTML 等静态文件存在，随仓库版本管理，团队可共享同一套设计约束；同时支持设计令牌（design token）与仪表盘类场景，便于把品牌规范沉淀为可被智能体读取的资产，降低设计与开发之间的沟通成本。

Star 增长趋势

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

数据来源：GitHub API 逐日快照 · 收录于 2026-10-31 · 当前星标 ★ 538

核心亮点

  • 纯文件交付，无需安装桌面端或后台服务，随仓库克隆即用，团队天然共享
  • 内置 270+ 设计技能与 150+ 品牌设计系统，覆盖配色、排版、组件等常见规范
  • 160+ 可复用示例可直接改写，降低智能体产出界面的随机性

不足之处

  • 以 HTML 文件承载技能与示例，体量较大时对上下文窗口占用明显
  • 品牌设计系统与技能质量依赖人工维护，更新频率待观察
  • 缺乏可视化预览与调试工具，效果验证需回到智能体对话中完成

适用场景

  • 用 Cursor 或 Claude Code 快速搭建后台仪表盘页面时套用统一设计规范
  • 团队把品牌设计令牌沉淀为仓库文件，让所有成员的智能体产出一致风格
  • 基于现成示例改造落地页或组件库，减少从零描述设计需求

替代项目

awesome-claude-artifacts、shadcn-ui、tailwindcss

上一篇：claude-skill

下一篇：design-agent

同类项目推荐

pts 开源

用简洁 API 快速构建创意视觉与数据可视化

A library for visualization and creative-coding

★ 5363 2026-08-09
better-design 开源

组件库现成摆好，AI 做界面直接抄作业

Open-source design MCP server + shadcn/ui registry — AI design systems for Claude C···

★ 545 2026-08-09
sketches 开源

翻开源代码，偷学创意编程的视觉魔法

basically the entirety of my sketching practice

★ 81 2026-08-09
awesome-creative-coding 开源

一站式找齐创意编程工具和灵感，少走弯路

Creative Coding: Generative Art, Data visualization, Interaction Design, Resources.

★ 15516 2026-08-09
awesome-nano-banana 开源

一站式搞定 nano banana，从入门到实战

The awesome nano banana playbook from the SuperMaker AI team. Discover a complete co···

★ 100 2026-08-09
Skill2Poster 开源

论文一键变学术海报，AI 排版输出 A0 文件

Codex skills for academic poster generation: turn paper content into accurate A0 HTM···

★ 94 2026-08-09
transitions.dev 开源

复制即用的精致 UI 过渡，AI 帮你按场景生成动效

UI motion agent, a library of 43+ crafted transitions, a skill that fits your workfl···

★ 5937 2026-10-01
noisemaker 开源

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

A friendly and extendable shader art engine.

★ 124 2026-08-09
taste-skill 开源

给AI编程代理装上审美，告别模板化网页

Agent skills that give coding agents taste: art direction, reference images and a br···

★ 106079 2026-10-18