分层材料剖面
+6
适合视觉和界面设计师
适合仍需设计师把关的 AI 设计工具
用 AI 加快制作，同时把层级、字体、图像方向、交互和克制这些关键选择留在自己手里。这里按你面前的具体设计成果来组织 Skills，不用面对一句含糊的“帮你做设计”。
从需要推进的设计成果开始
每项任务都会产出明确的视觉或可用文件，你可以判断成果、修改系统，并保留真正有价值的部分。
设计专辑或书籍封面
正在审核围绕一个明确的视觉概念探索方向，再检查标题层级、裁切和缩略图识别度。查看最接近的匹配项建立商品图片体系
2 个 Skills制作可重复使用的主图、细节图、场景图和对比图，同时保持商品真实。对比匹配的 Skills从流程图推进到可用界面
88 个 Skills把产品状态和真实内容做成能在浏览器中审核的响应式 UI。对比匹配的 Skills为创意建立动态设计系统
18 个 Skills围绕信息定义节奏、转场、字体和声音，不要等到最后才随意添加动效。对比匹配的 Skills把营销活动延展成社交媒体套图
27 个 Skills在不同尺寸中延续同一美术方向，同时为每个版位重新安排构图。对比匹配的 Skills建立所有素材背后的设计规则
1 个 Skills把配色、字体、标志使用、图片方式和布局规则写清楚，让其他人也能正确执行。对比匹配的 Skills真正可以评审的设计 Skills
在加入工作流前，先比较成果、视觉范围、所需输入、依赖项和交付格式。
第 1 项，共 6 项
设计专辑或书籍封面
围绕一个明确的视觉概念探索方向，再检查标题层级、裁切和缩略图识别度。
适合这项工作的更多 Skills 正在审核中。
精美案例只有在流程能承载你的内容和约束时才有价值。我们优先展示成果可检查、交接方式清楚的 Skills。
第 2 项，共 6 项
建立商品图片体系
制作可重复使用的主图、细节图、场景图和对比图，同时保持商品真实。
+6
第 3 项，共 6 项
从流程图推进到可用界面
把产品状态和真实内容做成能在浏览器中审核的响应式 UI。
第 4 项，共 6 项
为创意建立动态设计系统
围绕信息定义节奏、转场、字体和声音，不要等到最后才随意添加动效。
第 5 项，共 6 项
把营销活动延展成社交媒体套图
在不同尺寸中延续同一美术方向，同时为每个版位重新安排构图。
第 6 项，共 6 项
建立所有素材背后的设计规则
把配色、字体、标志使用、图片方式和布局规则写清楚，让其他人也能正确执行。
匹配 Skills 的真实成果
这里的每个示例都来自本页展示的 Skill，方便你判断是否合适，不用只看一段笼统介绍。
设计检查
选择控制力足够、能形成系统的工作流
方向确定后，快速生成变体才有意义。下面三项检查可以避免作品变成一堆互不相关的方案。
明确不能变化的部分
写清标志用法、字体角色、颜色规则、商品细节、内容层级或交互状态中哪些不能漂移。
尽早使用真实内容
用真实标题、数据、图片比例和极端情况测试方向。占位内容往往会掩盖真正重要的设计问题。
要求可编辑的交接成果
采用工作流前，确认得到的是源代码、结构化文件、图层、矢量文件，还是只有一张合并后的图片。
直接在你常用的 Agent 里使用
安装 Skill 后，你的 Agent 就能按固定流程重复完成这项工作。需求说明、源文件和最终成果仍然留在原项目中。
选择 Skill
安装前先查看成果示例、所需输入、依赖项和价格。
安装一次即可
让 Agent 安装 Skill，并按可信安装指南完成配置和授权。
说明你的需求
用日常语言说明你要完成的“设计师”任务，检查结果后保存最终文件。
支持你正在使用的 Agent
- Claude Code
- Codex
- Cursor
Gemini CLI
Cline
设计师安装前常问的问题
这些 Skills 能使用我们的字体、标志和配色吗？
有些可以。请先检查所需输入和依赖项，并用多份成果测试规则能否稳定执行，不要只看一张主视觉。
最终会得到可编辑文件吗？
取决于具体 Skill。页面会说明成果是代码、SVG、分层源文件、演示文稿、HTML、视频，还是合并后的图片。
怎样让生成的一组素材保持一致？
固定少量视觉规则，重复使用同一批参考资料，并把整组成果放在一起审核。出现偏离时应重新生成异常项，不要为它修改整个系统。
UI Skill 能同时处理浅色和深色模式吗？
可以，前提是两种主题和语义化设计变量都写进需求。加入真实内容和交互状态，才能检查静态画面以外的表现。
继续查找
选中一项成果，把美术方向留在自己手里。
带上真实内容和约束，比较成果，并安装能给出可靠交接文件的工作流。