performance-states-patterns
面向界面状态与感知性能的 UX 技能，系统讲解空、加载、骨架屏、部分加载、完成、错误、离线等状态的设计模式，并涵盖通知架构（Toast、横幅、徽章、推送等）与首次运行引导。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-29 00:09
设计与创作
21,152 个结果
ui-visual-design-system
UI视觉设计系统技能，围绕字体排印、色彩理论（OKLCH、color-mix、light-dark）、间距系统、网格、视觉层级、高度与图标等，提供可落地的视觉卓越框架与设计原则，涵盖无障碍对比度要求及现代CSS实现。
blog-illustration
该技能用于为博客文章生成图像生成模型提示词，输出彩色卡通信息图风格插画，含可爱角色隐喻与柔和粉彩配色，可交给 Gemini、Midjourney、DALL-E 等模型出图。
algorithmic-art
algorithmic-art 是一个利用 p5.js、种子随机与可交互参数探索来创作算法艺术的技能。它先编写算法哲学（.md），再输出由 p5.js 实现的单文件交互式生成艺术 HTML，并含参数控制与种子导航。
product-design
该技能自动化设计评审、设计令牌提取、组件映射与实施规划，旨在将 Figma 到代码的设计交接时间从 6-10 小时缩短至 5 分钟（根据描述），或从 6-10 小时减少到 15-20 分钟（根据正文），实现95%的时间节省。主要功能包括：从 Figma 提取设计模式、令牌和组件；对比设计稿与代码库实现，检测设计漂移；生成分阶段的实施计划与任务文档；创建 Navigator 任务文档并分配任务。适用于前端开发、设计系统维护等场景。需要 Figma Desktop 启用 MCP 服务、安装 Python 依赖，可选 Figma Enterprise 和 Tailwind CSS 以增强功能。
actuarial-consulting
面向精算咨询项目的流程型技能，覆盖客户范围界定与SOW设计、CFO/CRO/董事会/监管沟通、并购与再保险尽职调查、模型验证与监管材料准备等咨询管理环节，不替代精算建模、法律意见或法定签署。
kuaishou-video-extract
通过快手视频链接提取口播文案的工具，自动完成提交任务与轮询结果，返回完整文案及带时间戳的分句，支持用任务ID续查，适用于提取快手视频文案、口播稿、文字稿或复刻脚本。
remotion-create
Remotion 的代码插件，用于快速创建新的 Remotion 视频项目与合成（Composition）。它指导如何用 create-video 脚手架搭建项目、安装依赖、在浏览器中打开 Remotion Studio 预览，并配合布局、剪辑、多场景等实践指南编写 React 标记来制作视频。
design-pipeline
Design Pipeline 是一个端到端设计流程编排技能，串联用户研究、旅程地图、信息架构、产品设计、评审、启发式、无障碍与设计复核等专业设计技能，让每一步产出依次流入下一步，并让研究报告贯穿全程。支持引导模式与自动模式。
figma-preflight
figma-preflight 是 senlindesign/claude2figma 中的设计前置检查技能，在每次 Figma 设计会话开始时运行，验证 MCP 连接、读取 CLAUDE.md 配置、检查文件与库、盘点样式/变量/组件，任一环节失败即停止，通过后输出状态报告与 Token Map，再开始设计工作。
reference-interpreter
Reference Interpreter 是一个用于分析设计参考并输出设计简报（Design Brief）的技能。当用户分享截图、图片、URL 或设计描述，或说出“analyze this”“make a brief”“interpret this reference”等指令时触发。它会从布局、排版、颜色、间距、视觉锚点和组件等维度分析参考，并将这些视觉观察映射到设计系统的 Token 与 Style，最终输出设计简报，然后停止并等待用户确认，不会在确认前进行任何构建操作。使用前需先运行 figma-preflight，以获得 Token Map 和 Style Registry。
game-design-perceived-randomness-audit
这是一个游戏设计技能，用于审计游戏中的随机性设计——不仅看概率数学是否平衡，更关注玩家会如何感知和解读这种随机性。它适用于战利品掉落、抽卡与保底、暴击/命中/闪避等概率机制、随机战斗结算、程序化生成、事件奖励池、Roguelike 随机选项等场景。技能会分析玩家是否会把独立事件误读为被操控的规律、连败是否显得恶意、不确定性是否损害玩家能力感，并给出系统设计、UX、沟通与呈现层面的具体改进建议。
infographic-syntax-creator
Infographic Syntax Creator 是一款用于生成 AntV Infographic 语法输出的技能，可将用户提供的内容转换为 Infographic DSL。它适用于需要把内容整理为信息图语法的场景，涵盖模板选择、数据结构化与主题设定。使用时先阅读 references/prompt.md 获取语法规则、模板与输出约束，再提取标题、描述、条目、层级、指标等关键结构，必要时补全缺失部分，然后匹配序列、列表、对比、层级或图表类模板，并按 references/prompt.md 的格式基线组织语法。每次输出都须遵守硬性约束：只输出一个 infographic markdown 代码块，不含额外文字；首行为 infographic <template-name>；使用两空格缩进；键值对写作 key value；数组使用 -。对比类模板（compare-*）必须有且仅有两个带子节点的根节点。
polish
Polish 是一个用于交付前最终质量打磨的技能，专注于修复对齐、间距、一致性和微细节问题。它要求先完成功能开发，再系统性地检查视觉对齐、排版、颜色对比、交互状态、微交互、文案、图标、表单、边界与错误状态、响应式、性能与代码质量等维度，并强调遵循已有设计系统、使用设计令牌、避免硬编码，最后通过自查、真机测试和他人评审完成验证。
mobile-games
移动游戏开发原则，涵盖触控输入、电池与温度管理、性能优化以及应用商店上架要求，并给出变现模式与常见反模式建议。
model-try-on
Model Try-On 是 ecommerce-image-skills 技能集中的一项技能，用于把平铺、挂拍或人台照片中的真实服装或配饰，生成模特上身图（on-model / 虚拟试穿），并尽量保持面料、颜色、版型等产品特征。该技能适用于 Claude Code、Codex、Cursor 等可加载 SKILL.md 的智能体，默认模型为 GPT Image 2.5 Sunburst。其流程先建立“产品身份锁定”（形状比例、颜色质感、Logo 与文字、部件细节、禁止出现项），再选择模特与场景，最后通过内置图像工具、API 密钥脚本或无工具时输出提示词三种方式生成图片。技能还给出 Amazon、淘宝天猫、Shopee、TikTok Shop 等平台的图片比例建议，以及合成模特、不性化、保持自然身材比例等伦理要求。
size-chart
Size Chart 是 ecommerce-image-skills 技能集中的尺寸规格图生成技能，用于制作产品尺寸图、服装尺码表和容量规格图。它通过“产品身份锁定”确保生成图像与参考照片中的产品形状、颜色、Logo 和细节保持一致，并支持在图中标注厘米与英寸双单位尺寸。该技能适用于 Claude Code、Codex、Cursor 等可加载 SKILL.md 的智能体，默认模型为 GPT Image 2.5 Sunburst，也可切换 Flare。生成方式包括调用内置图像工具、使用 GPTIMAGE_API_KEY 运行脚本，或输出提示词供在线生成。技能强调不得编造尺寸、容量或认证信息，缺失数据应留空或询问用户。
extract-saas-design
用于从已实现的 SaaS 面板、后台管理或内部工具中提取设计令牌与视觉系统的技能，将颜色、排版、间距、组件等系统性记录为结构化 Markdown 文档，产物是设计文档而非可构建的 UI 代码。
brandkit-gen
brandkit-gen 是一个用于生成品牌套件（brand kit）图像与品牌板的技能，面向需要 logo 概念板、识别系统总览、品牌规范演示等场景。它强调以单一合成品牌板呈现一个品牌方向，并包含参考图分析、品牌策略、身份架构、面板编排、提示工程、视觉审查与 logo 原创性检查等流程。
creating-highlight-video
用于从视频链接自动生成高光集锦的编排型技能，串联场景选择、规划、剪辑与校验四个阶段，并调用 yt-dlp、ffmpeg 等工具完成下载与拼接。
ai-video-generation
该技能通过 inference.sh 命令行工具（belt CLI）调用 40 多款 AI 视频生成模型，用统一命令生成、编辑和处理视频。覆盖文本生视频（Veo 3.1、Veo 3、Seedance 2.0、HappyHorse、Wan、Grok 等）、图片生视频、AI 数字人与口型同步，以及视频编辑、上采样、音效添加和视频合并等工具，适合在命令行或自动化流程中批量生成和处理视频。
masterplan-design
masterplan-design 是一个用于生成城市总体设计（城市总体规划/修详级总体规划）的 Claude 技能，来自 abhinavbwj/urban-design-skills-claude 技能集。它可从场地理解出发，依次完成空间结构、用地分配、街道网络、街区与地块布局、密度策略、分期计划以及实施框架，把多个专业子技能整合为一条连贯的设计流程。其目标是在从小到单个城市街区、大到整个新城区或城镇扩展的任意尺度上，产出一份完整可落地的总体规划。该技能采用八阶段流程（场地理解、愿景与项目定义、结构框架、街道网络设计、街区与地块布局、用地与项目分布、公共空间网络、分期与实施策略），并包含结构框架方法（交通、绿蓝、建筑形体三套系统叠加）、设计参数范围表（净密度、FAR、高度、覆盖率、绿地率、街区周长、街道面积占比等）以及按顺序执行的设计生成逻辑。具体安装方式、运行命令、收费与平台支持情况在提供的资料中暂未提供。
adi-design
Adi Design 是一套个人设计语言技能，用于让 Adi 的个人项目在视觉上保持统一，像同一个有品味的人做出的一个产品。它的风格被描述为“安静的书房”：干净的米白色背景、鼠尾草色（sage）作为唯一强调色、阅读正文使用衬线字体、扁平细线表面、克制的动效。该技能以 vendored 副本形式携带身份与设计令牌（tokens），使你在任意仓库中都能构建 Adi 风格的 UI，而无需克隆规范仓库。使用流程包括：阅读 references/design-language.md 了解美学、规则与各产品注意事项；使用 assets/tokens.css 中的令牌值，引用 var(--accent)、--space-lg 等变量而非原始色值；按目标技术栈接入令牌；应用后对照硬性规则检查，例如不使用暖奶油色背景、只用一个强调色、卡片圆角不超过约 16px、避免边框加厚重阴影的幽灵卡片、阅读正文使用衬线字体。若某产品需要自己的颜色，应放在核心之后叠加的本地 tokens.local.css 中，不要加入共享的 assets/tokens.css。该技能与 impeccable（工艺方法）和 adi-writing（语气文案）按不同轴分工，在 Adi 的应用上身份（外观）优先。
fal-seedance
本项目使用的 fal.ai Seedance 视频生成技能，主要用于 Seedance 2.0 的多图参考生成视频（reference-to-video）任务，支持 prompt canaries 与本地参考图上传。该技能提供命令行脚本 fal_seedance_ref2v.py，基于官方 fal-client PyPI SDK，可调用 Seedance 与 Kling 系列端点，完成 reference-to-video、image-to-video（确定性起止帧变形）等任务。默认使用 1080p 分辨率（仅 Seedance 支持），可通过 --endpoint 切换到更便宜快速的 fast 变体，或用 720p/480p 做低成本迭代。Kling 端点不支持 --resolution 与 --generate-audio，CLI 会自动剔除。密钥从 ~/.secrets/fal/env 读取，不通过命令行参数或对话可见命令传递。工作流建议先用 --dry-run 验证，再用 --project 归置输出，用重复的 --ref 传入本地参考图，在 prompt 中用 @Image1、@Image2 等引用输入。适合故事板与风格探索、角色一致性 canary、起止帧变形等场景。尚未提供的内容未在资料中说明。