设计 AI Skill 推荐 — 精选 21 个

精选 21 个设计方向的 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免费
把自然语言、代码仓库、Terraform/Kubernetes 配置或 SQL DDL 转成可编辑的 .drawio 图,并可导出 PNG、SVG、PDF 与 JPG。支持 Claude Code、Cursor、Copilot、Codex 等 Agent Skills 客户端。
11 类图表预设
代码与架构转图
自检并修复布局
多格式导出
设计
🎞️
community免费
面向 Claude Code、Codex 等 Agent 的单文件 HTML 演示文稿工作流,提供电子杂志与瑞士国际主义两套视觉系统。包含横向翻页、配图与封面、演讲备注、排练和双窗口演讲者模式。
双视觉系统
32 种版式
演讲者模式
单文件 HTML
设计
🎨
community免费
把主题、文章、物件或参考照片转成原创单色/双色编辑海报,以中性纸张、一到两种油墨、网点图像、留白与字体张力组成可复现的印刷风格。
纯单色或受控双色
网点与孔版质感
编辑排版与留白
提示词与成图交付
设计
🎞️
Claude免费
为 Claude Code 提供完整的滚动叙事落地页工作流:先访谈品牌与用户旅程,再设计滚动节奏、视频逐帧播放、横向轨道和标志性交互,并用滚动截图验证成品。
品牌与旅程访谈
滚动时间轴与视频擦洗
多种交互装置组合
滚动截图自动验收
设计
🪄
community免费NEW
把 GitHub 仓库首页重构成清晰、贴合项目主题的视觉故事:先提炼受众、价值和真实证据,再优化信息顺序、Markdown 与 SVG 视觉系统,也可只制作 Hero、章节标题、图表或徽章。
README 信息架构重构
项目原生 SVG 视觉系统
整页与仅素材两种模式
宽窄屏预览与可访问性检查
设计
🔌
community免费NEW
面向 Claude Code、Codex 等 Agent 的 KiCad 电子设计工具包,可解析和审查原理图、PCB、Gerber 与参考 PDF,并覆盖 SPICE 仿真、EMC 预合规、BOM、数据手册、元件采购和制造准备。
原理图与 PCB 分析
SPICE 与 EMC 检查
BOM 与数据手册提取
元件采购与制造准备
设计
🧊
community免费NEW
面向 Cursor、Claude Code、Kiro 与 Codex 的 Blender 制作套件,提供 94 个按领域加载的 Skill,覆盖建模、材质、灯光、动画、优化、游戏引擎导出和参考图匹配,并通过 Blender MCP 执行。
94 个 Blender 专项 Skill
建模到导出的完整制作路由
参考图、镜头与截图对比流程
Unity、Unreal 与 Godot 导出
设计
Claude免费NEW
面向 Web、Jetpack Compose 与 SwiftUI 的创意编码插件,用 cast 和 paint 两条主流水线调度 15 个模块,在写代码前先提出可审核的交互或视觉命题,再生成动效、微交互和设计系统。
cast 七阶段动效流水线
paint 五阶段视觉系统流程
Web、Android 与 Apple 多栈
预览闸门与 reduced-motion 校验
设计
🏗️
community免费NEW
两个面向可编辑 3D 建筑场景的 Agent Skill:pascal-3d 负责安全连接、建模、校验和交接,furniture-fit 用实测尺寸与碰撞证据评估家具平面占用,并明确区分高度、门扇和搬运路线等未验证结论。
可编辑 3D 建筑场景工作流
家具尺寸与旋转碰撞评估
校验、保存与 graph hash 交接
本地或显式授权的托管 MCP
设计