Skip to content
←返回开源项目

OPEN SOURCE DEEP DIVE

AI Coding设计系统UI/UX开源

UI UX Pro Max:13 万 star 的 AI 编码 Agent 设计智能技能库,192 行业规则一键生成完整设计系统

给 AI Coding Agent 装上设计智能的开源技能库:一次请求自动生成完整设计系统(风格+配色+字体+反模式清单),覆盖 192 个行业推理规则、79 种可检索 UI 风格、192 套行业配色、74 组字体搭配、25 种图表类型与 22 个技术栈(React/Next.js/Astro/SwiftUI/Flutter/Three.js 等)。v2.0 旗舰设计系统生成器经五路并行检索(产品类型/风格/配色/落地页模式/字体)+ BM25 排序推理引擎,产出 Pattern+Style+Colors+Typography+Effects+Anti-patterns+交付前检查清单(对比度 4.5:1、禁 emoji 图标、cursor-pointer、prefers-reduced-motion、四档响应式断点等),MIT 开源、npm CLI 一行安装,兼容 Claude Code 等编码 Agent。

nextlevelbuilder/ui-ux-pro-max-skill132kPythonMIT1 min read

给 AI Coding Agent 装上设计智能的开源技能库:一次请求自动生成完整设计系统(风格+配色+字体+反模式清单),覆盖 192 个行业推理规则、79 种可检索 UI 风格、192 套行业配色、74 组字体搭配、25 种图表类型与 22 个技术栈(React/Next.js/Astro/SwiftUI/Flutter/Three.js 等)。v2.0 旗舰设计系统生成器经五路并行检索(产品类型/风格/配色/落地页模式/字体)+ BM25 排序推理引擎,产出 Pattern+Style+Colors+Typography+Effects+Anti-patterns+交付前检查清单(对比度 4.5:1、禁 emoji 图标、cursor-pointer、prefers-reduced-motion、四档响应式断点等),MIT 开源、npm CLI 一行安装,兼容 Claude Code 等编码 Agent。

相关开源项目

Egonex-AI/Understand-AnythingMIT

Understand Anything:把代码库变成可探索的知识图谱

将代码、文档与 Wiki 转换为可探索知识图谱,结合 Tree-sitter 结构分析与 LLM 语义分析,支持增量更新与多种编码代理。

代码智能知识图谱
TypeScript90k7.7k285
pbakaus/impeccableApache-2.0

Impeccable:给 AI 编码 Agent 的设计语言,专治 AI slop 前端

Paul Bakaus 出的开源设计技能:1 个技能、24 条命令、61 条确定性反模式检测规则,专治 AI 生成前端的千篇一律(Inter 字体、紫蓝渐变、卡片套卡片)。支持 Claude Code/Cursor/Codex/Gemini 等 16 种 harness 安装,带浏览器实时迭代模式与 Chrome 扩展;纯 Markdown 规则 + 零 LLM 检测引擎,Apache-2.0,75k+ stars。

HarnessAI Coding
JavaScript76k4.5k207
alibaba/open-code-reviewApache-2.0

阿里开源 Open Code Review:内部两百万级缺陷验证的混合架构 AI 代码评审 CLI

源自阿里内部官方 AI 评审助手(两年数万开发者、百万级缺陷):确定性流水线 + LLM Agent 混合架构,行级评审意见,内置 NPE/线程安全/XSS/SQL 注入规则集,支持 Claude Code/Codex/Cursor 等插件与 CI/CD 集成,附 200 真实 PR、1505 条标注缺陷的公开基准。OpenAI/Anthropic 兼容。

阿里open-code-review
Go43k3.1k133
Nutlope/hallmarkMIT

Hallmark:让编码 Agent 按设计约束建页面

Hallmark 把素材核验、设计流程、浏览器门禁与改版接线检查装进编码 Agent,降低页面模板化与事实幻觉。

Design SystemAI Coding
CSS35k1.8k70

本站含 CakeGrowth 联盟推广链接,我们可能从符合条件的购买中获得佣金。