ui-design
该技能用于在实现 Web 或小程序界面之前，先完成视觉方向、界面层级、布局决策、设计规范或原型设计。它要求先输出设计规范再写代码，并避免通用 AI 视觉风格，适用于需要明确美学方向的前端 UI 设计任务。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-12 00:15
设计与创作
22,880 个结果
design-is
Design Is 是一个用于按 Dieter Rams 十项“好设计”原则审计设计方案的技能，逐项打分并给出 NEW／REFINE／REDESIGN 结论，最后生成交给 /make-plan 的提示词。
designing-workflow-skills
该技能用于指导设计基于工作流的 Claude Code 技能结构，涵盖多步骤阶段、决策树、子代理委派与渐进式披露，帮助技能以结构化模式而非散文式说明可靠执行。
brand-identity
Brand Identity 是一份面向企业与产品的品牌战略与识别设计指南，覆盖从战略到执行的完整流程。内容涵盖品牌定义与层级（品牌宗旨、愿景、使命、价值观、个性、识别）、品牌战略（宗旨模板、定位声明模板、竞争定位图、12 种品牌原型）、视觉识别系统（标志设计原则与类型、标志留白、色彩系统、字体层级）、品牌语调（语调属性、语调光谱、写作规范）、品牌指南文档结构、品牌应用（数字与印刷触点、社交媒体图片尺寸）、命名与标语、品牌审计与健康指标、品牌重塑，以及最佳实践和五阶段品牌开发流程。适合在创建品牌指南、开发视觉识别系统或定义品牌定位时参考使用。
design
tw93/waza 中的 design 技能，用于为页面、组件和视觉界面产出有明确设计观点、可直接用于生产的 UI，并支持排版与基于截图的视觉打磨。适合需要具体视觉修复、截图诊断或重新锁定设计方向的前端与界面设计任务。
image-to-ui
Uizze 的 Image to UI 技能：把截图、图像或视觉稿交给 AI 代理，按原图 1:1 复刻出真实界面代码，而非重新设计。免费技能，无需账号或 MCP 连接。
uizze-ui
Uizze 官方 UI/UX 技能，用于在现有项目代码与素材基础上构建和改进界面。可接入 uizze.com 的设计系统、真实应用示例、授权字体、图标与动效资源。
2d-pixel-perfect
用于在 Unity 中搭建、诊断和修复 2D 像素完美渲染的技能，支持 URP 与 Built-in 两种渲染管线。适用于复古风或像素画 2D 游戏出现模糊、瓦片缝隙、缩放错位等问题时使用。
shader-graph-create-custom-node
用于从 HLSL 代码生成自定义 Shader Graph 节点的技能，可将现有 HLSL 函数封装为反射函数节点。
sprite-editor
用于编辑 Unity 精灵（Sprite）元数据的技能：通过生成 C# 脚本修改精灵矩形、边框、轴心、轮廓与切片。适用于处理精灵图集或精灵切片的场景。
tilemap-palette-create
Unity 技能：创建矩形、六边形或等距网格布局的 Tile Palette 资源，用于整理 2D 关卡设计所需的瓦片。
image
@json-render/image 是 json-render 项目下的图片渲染器，可将 JSON 规格（spec）转换为 SVG 与 PNG 图片，底层使用 Satori 实现。它适用于使用 @json-render/image 包、需要从 JSON 数据自动生成图片（例如 OG 图片）的场景。使用时通过 renderToPng 等函数传入符合 Spec 结构的 JSON 对象，并配置字体数据即可输出图片。该包提供 Frame、Box、Row、Column、Heading、Text、Image、Divider、Spacer 等标准组件，并支持通过 defineCatalog 与 zod 扩展自定义组件。主要导出包括 renderToSvg、renderToPng、schema、standardComponents、standardComponentDefinitions，并提供 image/server、image/catalog、image/render 等子路径导出。
remotion
@json-render/remotion 是 json-render 的 Remotion 渲染器，用于将 JSON 时间线规格（Timeline Spec）转换为视频合成。它提供 Renderer 组件，可配合 @remotion/player 的 Player 使用，通过 inputProps 传入 spec 即可播放视频。内置标准组件（如 TitleCard、TypingText、ImageSlide、SplitScreen、QuoteCard、StatCard、TextOverlay、LowerThird）、标准转场与特效定义，并支持通过 defineCatalog 与 zod 扩展自定义组件。适合以 JSON 描述时间线、用代码方式生成视频合成的开发场景。
building-components
该技能是一份构建现代化、可访问、可组合 UI 组件的指南，适用于新建组件、实现无障碍、设计可组合 API、配置设计令牌与主题、发布到 npm 或注册表、编写文档，以及多态与 as-child 模式等场景。
videodb
VideoDB 技能为视频、直播流和桌面会话提供感知、记忆与操作能力：可从本地文件、URL、RTSP 或桌面录制接入媒体，生成可播放流链接，并对语音、场景、物体、OCR、品牌等做理解、索引与检索，输出时间戳与可播放证据，还支持时间线剪辑、字幕与直播告警。
video-shotcraft
video-shotcraft 是一套电影感产品视频制作能力库，含157张镜头配方卡、完整宣传片模板、Remotion组件与音效资产，支持模板复用、自主创作、共同创作三种模式及单镜头挑选。
codebase-design
用于设计深模块（deep modules）的一套共享词汇与原则，帮助设计或改进模块接口、寻找深化机会、决定 seam 位置，让代码更易测试、更适合 AI 导航。
blender-mcp
Blender MCP 专家技能，用于场景检查、Python 脚本、GLTF 导出及材质与动画提取。当使用 Blender MCP 工具或需要处理 Blender 场景导出时激活，涵盖健康检查、层级遍历、材质校验、无头命令行导出与 gltf-transform 优化流程。
byted-mediakit-image
byted-mediakit-image 是 volcengine/mediakit-cli 下的图片域 MediaKit Skill，面向单张或批量图片的视觉处理、质量优化、内容理解与基础编辑任务。它通过 mediakit-cli 的 image 子命令集合提供能力，覆盖图片缩放与体积治理、元信息探测、裁剪旋转翻转与圆角、颜色与锐化清晰度调整、负片、模糊与打码、水印、背景移除、文字识别、画质评估与智能裁剪等。使用前需先读取共享前置检查文件，并从工具列表中选择 image 域工具，执行时设置 MEDIAKIT_SURFACE=skill，并把 MEDIAKIT_RUNTIME 设置为当前 Agent 宿主。对于图片瘦身，若用户强调尽量不掉画质、质量优先或高质量缩小体积，优先选择 slim-image；若明确给出 quality、max_size、output_format 或要求格式转换，则选择 compress-image。
brandalf
Brandalf 是 Warp 与 Oz 品牌资产工作的入口技能，用于指导品牌相关素材的创建、修订与审查，涵盖发布页、文档、HTML/CSS 组件、UI 模型、提示词和社交内容等。
anatomy
用于生成高度细节化、可交互的等距 SVG 技术图示的技能：把抽象技术概念映射为真实机械物体（测试台、千分表、街机柜等），零件与读数由同一模型驱动，随附多个无框架示例与构建、审计脚本。
elite-powerpoint-designer
Elite PowerPoint Designer 是一个将 Markdown 或文本内容转换为专业 PowerPoint 演示文稿的技能，模拟 Apple、Microsoft、Google 等品牌级设计质量。支持多种品牌风格与模板映射。
design-everyday-things
基于 Don Norman《设计心理学》的设计原则技能：可感知性、示能、能指、映射、约束、反馈与概念模型，用于诊断界面为何难用并给出改进方向。
design-sprint
一套五天结构化设计冲刺流程：从明确目标客户与关键节点、独立绘制方案、决策者投票选定，到一天内搭建可测试原型并在周五与5名目标用户访谈验证，适用于高风险产品想法在写生产代码前快速获取真实反馈。