design-critiquer
用于评审 UI 设计、线框图、原型或设计系统的技能，提供基于可用性原则的结构化批评反馈，按严重程度分级，帮助设计者获得可立即执行、聚焦用户影响而非个人偏好的改进建议。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-27 00:15
设计与创作
20,971 个结果
design
Claude Code 的综合性设计技能，覆盖品牌识别、设计令牌、UI 样式、Logo 生成（55+ 风格，Gemini AI）、企业识别程序（50+ 交付物）、演示文稿、横幅、社交媒体图片与 SVG 图标。
design-system
面向 Claude Code 的设计系统技能，提供三层设计令牌（基础→语义→组件）架构、组件状态规范、CSS 变量体系，以及基于设计令牌与 Chart.js 的幻灯片生成流程，含脚本与 CSV 决策数据。
slides
slides 是一个用于创建战略性 HTML 演示文稿的技能，支持 Chart.js 数据可视化、设计令牌、响应式布局、文案公式与情境化幻灯片策略，适合营销演示和路演。
invoking-gemini
将任务委派给 Google Gemini 模型的技能，用于图像生成、文本转语音、结构化输出、多模态处理与批量批处理，并提供模型别名、计费说明与思考预算控制。
explainer-videos
一份关于解说视频（explainer video）创作方法的技能资料，主张把复杂产品或概念在约90秒内讲清楚，强调简化、隐喻、先讲问题后讲方案，并以参考文件作为创建、诊断与评审的规范依据。
web-design-guidelines
该技能用于审查 UI 代码是否符合 Web Interface Guidelines（Web 界面指南）。当用户提出「review my UI」「check accessibility」「audit design」「review UX」「check my site」等请求时使用。其工作方式为：先从指定源 URL 获取最新版指南，再读取用户指定的文件（或询问文件/匹配模式），随后对照获取到的全部规则逐条检查，最后以简洁的 file:line 格式输出发现的问题。指南源为 https://raw.githubusercontent.com/vercel-labs/web-interface-guidelines/main/command.md，每次审查前都会重新抓取，以确保使用最新规则，抓取内容包含全部规则及输出格式说明。使用时，若用户提供了文件或匹配模式参数，则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果；若未指定文件，则询问用户需要审查哪些文件。
openclip-video-editing
OpenClip 视频编辑技能通过远程 MCP 服务器提供单步视频处理能力，支持裁剪、截取、旋转/翻转、缩放、按目标体积压缩以及静音（移除音轨）。每次调用只执行一种操作，可按顺序串联多次调用以组合效果，例如先截取再裁切为 9:16 竖屏。该技能免费使用，需要 OpenClip 账户，无需订阅或积分；输出为永久 CDN 链接，任务为异步执行，需要轮询状态。免费使用有每日频率限制和单文件大小上限。
brand-guidelines
该技能用于将 Anthropic 官方品牌配色与字体应用到各类产物中，使其呈现 Anthropic 的视觉风格。它定义了主色（深色 #141413、浅色 #faf9f5、中灰 #b0aea5、浅灰 #e8e6dc）与强调色（橙 #d97757、蓝 #6a9bcc、绿 #788c5d），并规定标题使用 Poppins、正文使用 Lora 字体，在字体缺失时自动回退到 Arial 与 Georgia。技能会智能应用字体（24pt 及以上标题用 Poppins，正文用 Lora）、根据背景智能选择文字颜色、为非文字形状循环使用强调色，并通过 RGB 颜色值保证品牌色彩一致性。适用于需要为文档、演示文稿等产物套用 Anthropic 品牌外观的场景。
h3-storyboard
该技能用于把剧本拆解为 MiniMax H3 分镜镜头表，并指导如何在提示词中写出模型能实际执行的情绪表演。内容涵盖：先确定镜头目的再定构图、单镜头表情节拍密度上限、用拆镜头与对白提升表演幅度、避免写“什么都不变”、用裁切关系和参照物控制尺寸、用参考图固定形状与人数、远景不承载身份、群戏人数与站位应由场景图决定、机位高度可改而左右位置难改等。所有结论按实测归纳并标注验证状态。
rn-human-motion-extractor
从获授权的参考视频中逐帧提取匿名化的人体与手部运动轨迹，输出骨架预览、置信度证据和关键点数据，用于复用动作与时间节奏，而非复制人物外观或身份。
blender-shader-nodes
面向 Blender 5.x 着色器节点的专家技能，指导用 Python 脚本构建 PBR、程序化、玻璃、金属、皮肤等材质，覆盖 MCP 优先工作流、调试优化与 Cycles/EEVEE 差异。
insecure-design
面向 Python Web 应用（FastAPI、Flask）的 OWASP A06:2025 不安全设计技能，指导检测、分析与修复架构层面的安全控制缺失，覆盖限流、文件上传、业务逻辑、租户隔离、客户端强制校验、账号恢复等，并附 STRIDE 威胁建模与修复优先级。
space-gzh-cover
space-gzh-cover 是一个用于制作微信公众号 2.35:1 头图封面的技能，基于 Codex 内置 image_gen 生成，视觉沿用「轻盈 AI 产品信息图」系统（白/浅薰衣草底、墨黑大标题、科技紫与青柠绿强调、圆角卡片、线性图标）。其核心设计考量是公众号封面的两次裁切：在订阅号消息列表和文章顶部显示完整 2.35:1，而分享到朋友圈或聊天时只保留正中央 1:1 方形区域（约占宽度 42.6%）。因此本技能内置分享安全区校验，要求主标题核心词组必须落在中央安全区内。默认输出 1175×500 PNG，主标题 6–14 个汉字、最多 2 行，并提供三种安全区策略（A 全居中、B 核心词居中为默认、C 图文分离）与多套版式选择。生成后通过 scripts/check_cover.py 做机器检查（比例、安全区、分享预览、缩略图），再进行肉眼校验。适合需要稳定传播的公众号封面制作场景，尤其重视分享后的可读性。
image-studio
image-studio 是一个全能图片生成 Skill，可制作小红书封面（3:4）、PPT 配图（16:9）、12+ 种图表和文章逻辑图（16:9）。内置 12 种视觉风格与自动风格推荐，底层调用 LabNana gpt-image-2 输出 PNG，流程含类型、内容、风格、提示词四步确认。
apple-design
Apple Design（HIG + Liquid Glass 版）是一个面向 UI 设计工作的技能，用于将 Apple 当前设计语言（截至 2026 年中的 Human Interface Guidelines 与 Liquid Glass）应用到应用界面及营销页面。它强调具体数值（字号层级、圆角半径、点击目标、缓动）与克制哲学，区分内容层与浮动玻璃控件层，并提供字体授权建议、代码与 Figma 工作流参考路线，以及交付前的质量自检清单。
product-background-generation
该技能用于为产品摄影生成专业的影棚或生活方式背景，使其与产品美学、品牌定位和目标受众相匹配。核心思路是先分析产品类别、风格、配色和材质，再决定使用影棚模式（纯色、渐变、纹理背景等）还是生活方式模式（室内、户外、生活场景等）。生成背景描述时强调三级材质具体性（基础材质＋构造＋表面处理）和时尚编辑语言，最后组装成包含背景、灯光、相机和氛围的图像生成提示词。文中提供了奢侈腕表（影棚）、街头潮牌连帽衫（生活方式）和极简家居（生活方式）三个完整示例，并列出关键原则、常见错误与集成代码模式。
design-studio
Design Studio 是一个统一设计技能，为网站、应用、演示、动画、原型、信息图与品牌等各类设计工作提供单一入口。它通过 DESIGN.md 设计系统文件与两套引擎（Cinematic 电影感、Practical 实用型）组织设计流程，并遵循 Google DESIGN.md 规范。
video
该技能用于分析 YouTube 交易视频，从中提取 Pine Script 策略或指标规格。提供 YouTube 链接后，会输出视频标题、作者、脚本类型、复杂度评分、关键指标与形态、入场/出场条件及建议功能，并可与用户确认后进入实现。
optimize-text-mesh-pro
Unity TextMesh Pro 优化技能，用于排查与改善 TMP 的渲染、内存与字体设置，涵盖字体栈与动态回退、SDF 质量、图集、世界空间文本等。按症状分类给出建议，例如图集膨胀、字重不一致、CPU 峰值、包体过大及中英混排对齐。
shader-graph-create-custom-node
根据 HLSL 代码生成自定义 Shader Graph 节点，可将现有 HLSL 封装为反射函数节点。适用于用户需要新建 Shader Graph 节点或让 HLSL 以反射函数节点形式工作。
web-design-guidelines
Web Design Guidelines 是 Vercel Labs 在 sandcastle 项目中提供的一项技能，用于按照 Web Interface Guidelines 规范审查 UI 代码的合规性。当用户提出“审查我的 UI”“检查无障碍性”“审计设计”“审查用户体验”或“检查我的网站”等需求时会用到该技能。其工作流程为：先从指定源 URL 获取最新的指南规则，再读取用户指定的文件（或提示用户提供文件/匹配模式），将文件内容与获取到的全部规则进行比对检查，最后以简洁的 file:line 格式输出发现的问题。若用户未指定文件，该技能会主动询问需要审查哪些文件。使用前每次都应重新拉取指南，以保证所依据的是最新规则。
app-icon-gen
App Icon Gen 是一个用于跨平台应用图标创作、修复、转换、打包与验证的技能工具。它从 JSON 规格出发，采用语义化分层方式生成图标源资产：以少量有意义的 SVG/基础形状图层或刻意保持干净的 PNG 回退图层构成源文件，输出带圆角的预览资产和不带圆角的应用/源资产，并附带验证证据。其交付物包括可复用的 SVG/PNG 源文件、预览图（.preview.svg/.preview.png）以及工作目录记录。在提供 Apple 目标平台（iOS、iPadOS、macOS、watchOS）时，可选用 Apple Icon Composer 适配器生成 .icon 包和 apple/ 渲染图，但这属于可选适配而非默认契约，且依赖 macOS 本地的 ictool。工具不校验应用集成或最终平台渲染效果，也不在缺少专用适配器时声称生成原生 Android、Windows、Web、tvOS 或 visionOS 包。
imagegen-frontend-web
面向前端设计的图像艺术指导技能，用于通过 ChatGPT 图像生成产出高质感、注重转化的网站设计参考图，产出的是视觉参考而非代码。