AI 编程智能体的 UI 设计技能：29 个开源项目（2026）

为 AI 编程助手提供可检索的 UI/UX 设计知识，涵盖风格、配色、字体搭配与技术栈规范。

一组 Agent Skills，让编程智能体设计有个性的前端页面，而不是千篇一律的 AI 模板页。

本地优先的开源 AI 设计代理工作区，借助你自己的编码代理把需求生成原型、演示文稿、仪表盘、图片和视频。

一款为 Claude Code、Cursor、Codex 等 AI 编程工具准备的设计技能，让生成的界面不再像 AI 随手做出来的。

面向 AI 编程 agent 的 HTML 原生设计 skill，一句话生成原型、幻灯片、动画与信息图。

一组面向 Claude Code、Cursor、Codex 等 AI 编程工具的设计技能文件，目前包含落地页设计技能。

面向 Claude Code、Cursor、Codex 等 AI 编程助手的六个 Agent Skills 合集，涵盖网页设计、视频、图片、长文和本地知识检索。

让 AI 编程助手避开千篇一律的界面、文案和代码注释的规则与技能包。

一个 Agent Skill，可在本地 Cursor、Claude Code 等智能体中运行 Claude Design，生成独立的 HTML 界面稿、原型和幻灯片。

一组智能体技能，帮助 AI 编程助手参照畅销应用的设计，构建接近原生质感的 Expo / React Native 移动端界面。

面向 Claude Code 和 Gemini CLI 的设计技能合集，包含 273 项技能和 76 条命令，覆盖研究、设计系统、UI、交互与交付。

一套纯指令与知识库，让 Claude 等编码智能体具备 UX/UI 设计能力，含 DTCG 设计令牌、组件规范与 52 项客观校验。

给 AI Agent 使用的界面设计 Skill，并排探索多个差异化设计方向，再依据真实截图迭代优化。

一个命令行工具，把网站、Git 仓库或本地代码的设计系统提取成 Claude Code 可直接读取的技能文件夹。

为 AI 编程工具提供设计技能、UI 提示词和设计系统的资源库与 CLI，帮助生成更好的界面。

一个智能体技能，可从参考界面中提取视觉设计特征，生成结构化的 Design DNA JSON，并据此生成风格一致的界面。

免费的双向 Figma MCP 服务器，让编码智能体既能把设计转为代码，也能把代码写回 Figma 画布。

一个智能体技能，只需一句需求即可让 AI 编程助手构建有设计感的获奖级网站，并附带网站评分技能 /jury。

让 AI 助手通过本地 Figma 桌面应用直接创建和编辑可编辑设计稿的命令行工具，无需 API Key。

在 Copilot、Claude Code、Codex 或 Cursor 等编程助手中直接生成海报、社媒图文、幻灯片和落地页。

为 Claude Code、Cursor 等编码智能体提供设计能力的技能包，用于生成和迭代 UI、演示文稿与图形。

面向 Claude Code 等客户端的设计 Skill，帮 AI 生成的界面摆脱默认模板感，附 58 个真实网站设计系统参考。

一个公开的纯文本 Agent Skill，指导 AI Agent 设计、生成、改进和评审大胆有趣的 App 图标。

为编码智能体提供设计系统、UI/UX 指导、图标与无障碍审查规则的 MCP 服务与 shadcn/ui 组件源。

为 AI 编程助手提供设计工程知识与 CLI，让其生成可直接上线的高质量界面。

一个 Claude Code 技能，指导编码智能体构建、重新设计并评审简洁、诚实的仪表盘界面，并附带截图质检流程。

一套由 24 个开源 Agent 技能组成的设计品味指令包，让 AI 编码助手生成的界面更有设计感，少些模板味。

一套面向编程智能体的 UI/UX 设计技能，用于构建、重设计和审查界面，并附带检查运行页面可访问性与布局问题的 CLI。

一组 Claude Code 技能，实现 Figma 设计与代码之间的双向同步，并附带样式系统治理能力。