设计 类 AI Skill 推荐 — 精选 14 个

精选 14 个设计方向的 AI Skill,含功能说明、安装方式与官方链接,适用于 Claude、Cursor、ChatGPT。

按分类浏览
按平台浏览
🎨
Cursor免费
Cursor 与 Figma 深度联动,自动设计稿转代码,组件识别与生成,像素级还原设计稿的终极工具。
设计稿转代码
组件自动识别
像素级还原
变量与样式同步
设计
🎭
ChatGPT付费
在 ChatGPT 对话中直接创建 Canva 图形设计,描述你想要的设计,AI 自动生成专业海报、PPT、社媒配图。
对话生成设计
海报与PPT模板
品牌素材一键生成
多格式导出
设计
🖥️
Claude免费
Anthropic 官方前端设计 Skill,让 Claude 产出的网页摆脱“AI 味”,生成有设计感、可直接上线的现代前端界面。
高质感 UI 生成
排版与配色体系
响应式布局
去 AI 模板味
设计
🎨
Claude免费
Anthropic 官方视觉设计 Skill,按设计哲学产出海报、封面、卡片等静态视觉作品,直接导出 PNG / PDF 成品。
海报与封面设计
设计原则驱动
PNG / PDF 导出
原创视觉风格
设计
🎭
Claude免费
给任何产出物一键换肤:10 套预设主题(配色 + 字体),也能按品牌现场生成新主题,让幻灯片、文档、网页风格统一。
10 套预设主题
品牌色即时生成
跨文档风格统一
字体配色体系
设计
🏷️
Claude免费
把公司品牌规范(色板、字体、语气)固化成 Skill,之后所有产出的文档、幻灯片、网页自动符合品牌形象,团队协作神器。
品牌色板固化
字体规范执行
跨产物一致性
可复制到自有品牌
设计
🎨
Claude免费
Hallmark 是 Together AI 出品的设计 skill,专治大模型生成的「AI 味」网页。它为每份需求挑选宏观结构、套用 20 套主题之一,再跑 57 道查味门禁和一次交付前自我批判,让两份不同需求的页面看起来是两个网站,而不是同一模板换个配色。
拒绝 AI 味的网页设计
20 主题+57 查味门禁
四动作:建·审·重做·取样
跨三大编码 agent 通用
设计
🖌️
Claude免费
花叔设计(Huashu Design)是一套 HTML 原生的设计 skill:在 agent 里说一句话,3 到 30 分钟拿回能交付的产品发布动画、可点击 App 原型、可编辑 PPT 或印刷级信息图。给它品牌资产会读懂你的气质,什么都不给也有 40 种 HTML 原生风格库(网页 20+PPT 20)+三套逻辑顾问兜底,不出「AI 味」。跨 Claude Code、Cursor、Codex 等 agent 通用。
一句话产出可交付设计
原型/幻灯片/动画/信息图
40 种原生风格库
5 维专家评审+MP4 导出
设计
🎨
Claude免费
一套可移植的 Agent Skills(Claude 技能市场式一键安装),专治 AI 生成界面的"千篇一律"。为 Claude Code、Codex、Cursor 等代理注入更强的排版、布局、动效与留白审美,另附生成设计参考图与品牌套件的图像技能。
提升 AI 界面审美
12+ 个前端设计技能
生成参考图与品牌套件
兼容 Claude/Codex/Cursor
设计
🎨
Claude免费
把 claude.ai/design 背后的 Claude Design 设计引擎打包成本地 Agent Skill。装进 Claude Code / Cursor / Codex 后,无需上传网站、无需额外订阅,就能在编辑器里产出精致的 UI 稿、可交互原型、线框图、落地页、仪表盘和幻灯片,全部输出为自包含 HTML,文件都留在你自己的仓库。
本地跑 Claude Design
产出自包含 HTML 稿
原型/线框/落地页/PPT
对着预览点选改稿
设计
🎯
Claude免费
开源的设计方法引擎,给 Claude Code / Codex / Cursor 装上固定的「设计判断力」,而不是某一种固定审美:从参考里选出或推导合适的设计语法,把项目决策锁进 STYLESEED.md,再用 0–100 打分闸门(低于 80 不放行)配合渲染→打分→修正循环,专治那股「一眼 AI 生成」的味道。
固定设计判断非固定审美
74 条规则封杀 AI 味
0–100 打分闸门把关
决策锁进配置文件
设计
🎨
Claude免费
Google Labs 官方出品的 Agent Skills 技能包,配合 Stitch MCP 服务器把 UI 设计、组件构建等设计工作流交给 AI 完成。遵循开放的 Agent Skills 标准,可装进 Claude Code、Cursor、Codex 等多种编码 agent。
Google 官方设计技能包
覆盖 UI 设计与组件构建
遵循 Agent Skills 标准
多编码 agent 通用
设计
📐
community免费NEW
把自然语言、代码仓库、Terraform/Kubernetes 配置或 SQL DDL 转成可编辑的 .drawio 图,并可导出 PNG、SVG、PDF 与 JPG。支持 Claude Code、Cursor、Copilot、Codex 等 Agent Skills 客户端。
11 类图表预设
代码与架构转图
自检并修复布局
多格式导出
设计
🎞️
community免费NEW
面向 Claude Code、Codex 等 Agent 的单文件 HTML 演示文稿工作流,提供电子杂志与瑞士国际主义两套视觉系统。包含横向翻页、配图与封面、演讲备注、排练和双窗口演讲者模式。
双视觉系统
32 种版式
演讲者模式
单文件 HTML
设计