design-system
本站收录 25 个带「design-system」标签的 AI 开源项目
lobe-uiLobe UI 是一个面向 AIGC 网页应用的开源 UI 组件库，基于 React 和 TypeScript 构建，旨在帮助开发者快速搭建聊天机器人、AI 对★ 2,212
awesome-claude-design这是一个围绕 Claude 设计能力的开源资源合集，核心是一份 DESIGN.md 提示词文件，按美学风格分类整理，并提供混搭配方、技能指南、视频拆解和社区真实★ 1,115
styleseed面向 Claude Code、Codex 与 Cursor 的开源设计方法论引擎，内置固定设计判断、多种设计语法、参考编译与语义化配色，并提供 Studio 工★ 966
codex-slidescodex-slides 是一个开源的 AI 幻灯片创作工具，深度集成在 Codex 编码代理环境中，将幻灯片制作视为一个可视化的画布，每张幻灯片都是完整的视觉★ 922
vibeVibe 是 monday.com 官方开源的 React UI 设计系统，为开发者提供构建企业级应用所需的完整组件与资源。它解决的核心问题是：团队在开发内部工★ 678
tintetinte 是一个将设计系统编译为 AI Agent 插件的开源工具。它能够从任意设计参考（如网站、图片或现有代码）中提取品牌身份，并生成标准化的 SKILL.★ 622
awesome-ios-design-md这是一个收录了200个生产级设计系统文档（DESIGN.md）的开源项目，这些文档源自全球最佳应用。它旨在为AI编程代理提供精确的设计规范，使其能生成像素级匹配★ 562
boarduiBoardUI 是一个面向智能体（Agentic）界面的 React 设计系统，把 AI 聊天应用所需的整套 UI 组件以源码形式开放。它解决的核心问题是：开发★ 551
ai-design-components为 Claude 等 AI 辅助开发打造的全面 UI/UX 与后端组件设计技能集，覆盖从组件规范到实现细节的完整设计知识，帮助 AI 在开发过程中产出更专业、更★ 523
craft一个 AI 优先、轻量且灵活的设计系统，专注于在 React 中构建响应式布局并优雅处理正文排版，为 AI 生成的前端代码提供统一的设计基础，让界面更整洁、更易★ 356
Design-LearnDesign-Learn 是一个帮助 AI 编程工具从参考网站中提取设计语言（如颜色、字体、间距、布局等）并转化为可复用规则的开源工具。它解决了 AI 生成代码★ 172
ppt-agent-skill这是一个基于 Claude Code Skill 的 AI 演示文稿生成工具，旨在将一句话快速转化为设计机构级别的幻灯片。它内置了 26 种设计风格和 18 种★ 154
fantasy-dongfang-jianyuehaibao这是一个面向东方文化主题的编辑海报生成技能包，基于 Codex skill 机制，将图像生成、中文标题提炼与真实文化物证结合。它解决的是 AI 生成海报时普遍存★ 116
fudge-design-mdFudge Design MD 是一个基于真实网站参考生成 DESIGN.md 设计指南的开源工具。它由 Fudge 捕获真实网站的视觉和交互细节，自动生成结构★ 111
fireworks-design一个复刻 ClaudeDesign 的 Claude Code 工作流，通过并行设计探索、评审团打分、方案合成与对抗式打磨，最终产出世界级落地页前端。提供中英双★ 104
farbvelofarbvelo 是一个基于 JavaScript 的随机配色方案生成器，通过循环算法在色相、饱和度和明度空间中生成和谐的颜色组合。它解决设计师在创作过程中寻找★ 93
avoid-ai-design一款 Claude Code 技能，用于审查 AI 生成的前端代码，并重写掉千篇一律的“AI 味”设计套路——紫色渐变、Inter 字体、默认 shadcn 风★ 86
ux-skill面向 Claude Code、Cursor、Windsurf 等 AI 编程工具的设计智能引擎，内置 152 条规则与 160 份品牌规范的反“AI 味”确定性★ 76
opendesignopendesign 是一个将真实网页设计系统转化为机器可读规范的开源项目，目前收录了 1,486 个真实设计系统，并通过 MCP（Model Context ★ 74
designmddesignmd 是一个为 AI 编程工作流提供生产级设计上下文的开源工具。它能从任意 URL 提取真实的设计系统，包括颜色、字体、间距、断点等，并生成一份便携★ 69
design.mddesign.md 是一个从任意网站自动生成 DESIGN.md 设计规范文档、Tailwind 主题配置、设计令牌和提示词的开源工具。它解决了设计师和开发者在★ 68
designpull借助 AI 视觉能力，从任意网站一键生成 Google Stitch 兼容的 DESIGN.md 设计文件。支持自带 Gemini、OpenAI、Claude ★ 56
perceptual-protocols一套面向设计师与 AI 代理协作中“感知”环节的轻量协议族，为观察、反馈与感知沟通提供简洁统一的标准接口，让人类设计师与 AI 在设计意图上更好地同频协作。★ 42
Scrapstyle粘贴一个网址，就能提取出一套完整的设计系统。为 Cursor 与 Lovable 生成可直接使用的 AI 风格指南，帮助开发者快速复用优秀网站的视觉语言，让 A★ 32
open-design-studio开源 AI 设计工作室，提供多方案画布，并可在代码层面检视与编辑设计，由 Claude / GPT 驱动。本地优先、注重可控性与可维护性，适合追求精细迭代的 A★ 29