SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
19,503 个结果
button-states 是一个关于按钮与可交互元素状态设计的技能，来源于 dembrandt/dembrandt-skills。它强调每个可交互组件都应具备完整且视觉可区分的状态，包括静止、悬停、按下、聚焦、禁用和加载六种状态。该技能提供了一套方法论：状态颜色并非独立选取，而是从基础色出发，通过调整 HSL 亮度派生而来，从而保证整套色板的一致性与连贯性。内容涵盖状态颜色算法推导、次要/描边按钮的样式处理、聚焦环的可见性要求（WCAG 2.2）、禁用状态的低透明度与光标设置、加载状态防止重复提交、按下时的轻微缩放反馈，以及完整的按钮 CSS 参考和评审清单。适用于设计按钮、链接、输入框或任何可点击组件的场景。
Chat Motion Overlay 是一个将聊天内容转换为可配置动态叠加视频片段的工具。它支持从聊天记录文本或截图中提取消息，生成气泡场景、应用风格聊天容器以及可选的设备边框等效果。用户可通过配置选择容器样式（无、微信、Telegram、Messenger）、头像模式（预设、上传、混合）、设备边框（无、iPhone 灵动岛）、昵称显示方式（隐藏、仅首条消息、始终显示）以及交付格式（MOV、WebM、Remotion 工程、Hyperframe 工程、JSON 数据、预览）。工具提供脚本将聊天记录和配置转换为 Remotion 可直接渲染的 JSON 规格，并准备可渲染的工程包。输出支持透明背景，便于导入剪映、PR、FCP 等编辑软件进行叠加。
SEED Design 是一个面向使用 SEED Design 设计系统的项目的技能，用于在需要官方文档、CLI 指引或安装与升级诊断时提供帮助。它以 SEED Design 官方文档与 CLI 作为唯一信息来源，不复制文档内容，只保留从通用设计知识到平台实现、再到各平台 Doctor 的检索与判定流程。使用时会先对请求分类（平台判定、平台实现、Doctor 与迁移），再判定平台（React 或 Lynx），随后按官方文档索引路由到对应文档，并遵循代码编写与既有代码诊断的规则。适用于查询组件规格与 Foundations、获取平台实现用法与安装配置、以及进行使用状态诊断、deprecated 检查、兼容性与升级路径判断等场景。
product-design 是一个面向产品交互决策的 Agent 技能，属于 mblode/agent-skills 技能集。它专注于“决策层”：根据需求简报、规格、原型或现有界面，选择正确的交互方式与控件，明确每个操作的对象、范围与后果，确定可逆性及相应的保护措施，枚举所有可达状态，设定韧性预期，并把无障碍作为任务完成的必要条件。它不负责构建或美化界面、不负责文案措辞、不负责动效物理，也不负责审计已构建结果，而是把构建、验证与措辞工作路由给 ui-design、ghostwriter、ui-animation 等兄弟技能。该技能提供 shape、spec、review、action、harden 五种请求模式，并遵循用户目标、产品证据、项目规范、兄弟技能归属、自身标准、通用平台惯例的冲突优先级。
Component Family Consistency 是一套用于组件库设计与审查的规范，核心是让按钮、输入框、徽章、标签等交互组件共享同一套视觉基因（圆角、颜色逻辑、阴影、边框、间距）。它建议先审计已有组件，优先复用或泛化，而不是重复造新组件；只有在确实没有合适组件时才新建，并按共享设计令牌构建。规范给出圆角派生、嵌套同心圆角、两步边框宽度规则、组件高度与内边距令牌、单一控制类管理整行、图标视觉重心偏移测量等做法，强调用测量而非目测来验证一致性。适用于构建或审查组件库、统一产品线视觉语言、排查设计系统漂移与重复组件等场景。
关于加载状态与感知性能的设计技能，讲解如何依据等待时长选择旋转指示器、骨架屏、确定性进度条或错落入场动画，并介绍乐观更新、按优先级加载、预取和减少动效偏好等实践。
Phaser 4 的图形与形状技能，介绍如何在游戏中绘制基础图形。主要包含两套方案：Graphics 游戏对象以命令式绘制，支持路径、圆弧、渐变、圆角矩形、画布变换，并可生成纹理；Shape 形状对象是独立游戏对象，涵盖 Arc、Curve、Ellipse、Grid、IsoBox、IsoTriangle、Line、Polygon、Rectangle、Star、Triangle，具备原点、边界、输入与物理等游戏对象特性。文档给出快速上手示例、填充描边样式、基础图形与路径绘制、几何辅助方法、纹理生成以及各形状工厂方法参数表，并说明了常见易错点与性能注意事项。
这是一个关于微交互（Micro-Interactions）的设计技能，主要面向界面动效设计。技能介绍指出微交互是时长约200–600毫秒的短暂动画，用于确认操作、奖励里程碑、揭示信息或增加质感。内容涵盖动画图标（如勾选绘制、点赞心跳、汉堡菜单变形）、开关切换（采用弹簧缓动曲线）、成功与完成状态（勾选动画、少量彩纸、进度条填充、数字滚动）、揭示与展开（手风琴、提示框）、按钮交互反馈的稳定性规则、骨架屏到内容的过渡，以及如何通过非循环动画引导用户注意远处发生的变化。技能强调组件布局稳定性：悬停或点击时按钮不得改变尺寸或位置，不使用transform: scale()，反馈通过颜色、内阴影或内部元素的微小位移实现。同时说明应使用transition处理状态变化、keyframes处理序列动画，明确transition-property而非使用all，谨慎使用will-change。最后要求克制使用微交互，每个触发只播放一次、批量操作跳过动画、不阻塞用户操作，并始终尊重prefers-reduced-motion。
GPUI Kit 桌面应用的设计规范指南，属于 gpui-kit 技能，用于在设计或修改任何界面、布局、间距、视觉层级和配色前阅读并遵循。
该技能用于向 @remotion/effects 包添加一个全新特效，覆盖实现、包导出、文档、演示、预览图、Remotion 技能更新、格式化与构建等环节。新特效默认优先使用 WebGL2 后端，仅当 WebGL 无法表达效果时才用 2D。实现需按包内既有命名约定（文件 kebab-case、函数 camelCase、类型 PascalCase、特效类型字符串 remotion/<kebab-case-name>），并处理默认值、参数校验、schema、resolve、calculateKey、WebGL2 初始化与清理。随后需注册包入口、构建验证、编写 MDX 文档、添加交互式演示与目录预览合成、生成文档卡片、更新 Remotion 技能并运行格式化与构建。
OpenChatCut 是一款本地优先、面向智能体的视频编辑器。该技能是它与外部连接的单一入口，用于将支持 MCP 的编程智能体接入 OpenChatCut，从而编辑本地视频项目。适用于用户要求安装、连接或设置 OpenChatCut，以及查看或修改项目、排查连接失败等场景。使用前需先启动 OpenChatCut，默认 MCP 端点为 http://localhost:5199/api/external-mcp/mcp；随后按openchatcut_status、list_projects的顺序操作，并通过begin_edit_session建立编辑会话，使用review_edit_session完成提交。专门的编辑指导保留在运行中的编辑器内，按需通过load_skill加载。
Elevation and Depth 是一套关于界面层级与阴影的设计规范，用于通过阴影和分层让元素看起来浮在基础表面之上，从而为 UI 带来物理深度感。它适用于设计卡片、下拉菜单、模态框、提示框等任何浮动元素。该规范提供了一套从 0 到 5 的层级刻度（--shadow-none 到 --shadow-xl），每一级对应特定 UI 角色，例如卡片用 --shadow-sm、下拉菜单用 --shadow-md、模态框用 --shadow-lg。核心要点包括：阴影应保持轻盈扩散，避免厚重黑色；白色卡片在浅色背景上应搭配 1px 边框以增强边缘清晰度；悬停变色必须有明确边界；渐变应极其细微（明度变化 2–5%）；按钮圆角在产品内必须统一；深色模式下需提高阴影不透明度并增加边框。规范还给出了文字阴影的使用规则、圆角与阴影的搭配表、评审清单以及常见反模式。
Flowchart Creator 是一个用于创建交互式 HTML 流程图与流程图的技能，支持决策树、颜色编码阶段、箭头和泳道。当用户请求流程图、流程可视化或决策树时使用。它通过 HTML 与 SVG 结构定义开始/结束节点、流程框、决策菱形、带标签的箭头以及可选的泳道分组，并将结果写入 [process]-flowchart.html 文件。
这是一个用于设计和审查 UI/UX 系统的技能，聚焦可用性与无障碍要求。它负责设计方向、交互行为、状态覆盖和可交付的实现交接，不涉及用户研究或代码修复。支持四种模式：审查现有 UI、设计新 UI、设计系统决策、AI 前端简报，以及 AI/自动化 UX 审查。强调覆盖加载、空、错误、离线等状态，遵循 WCAG 2.2 AA 无障碍基线，并提供离线设计数据库搜索脚本生成风格、配色与字体方案。
huashu-wechat-image 是一个为微信公众号文章生成配图的工作流技能，支持封面图（2.35:1）、正文插图（16:9/4:3）和信息图。它提供两条生成路径：AI 生成（视觉创意型，默认推荐）和 HTML 渲染截图（文字精确型，用于复杂数据表格）。技能强调“先提案、后生成”，流程为理解内容、设计提案、用户选择、生成、预览确认、上传图床。适用于公众号封面、正文插图、信息图等场景，并给出尺寸、安全区、深色模式适配、配色方案与配图位置策略等规范。
huashu-xhs-image 是一个为小红书笔记生成高质量配图的技能。默认使用 AI 生成（Gemini），仅在需要精确数据表格时用 HTML 截图兜底。当用户提到「小红书配图」「小红书封面」「小红书图片」「做张小红书图」「笔记配图」等场景时使用。核心工作流强调「先提案，后生成」：先理解内容，再给出 2-3 个设计方向供用户选择，确认后才生成图片，随后预览确认并上传图床。标准尺寸为 1080 x 1440 px（3:4 竖版），AI 生成分辨率为 2K。
这是一份关于状态颜色与错误状态设计的技能指南，核心主张是：状态颜色要少而语义单一，错误必须可恢复。它建议产品只保留红（错误/失败/破坏性）、橙/琥珀（警告）、绿（成功/正常）、蓝（信息/中性）四种语义色，且每种颜色在全产品中只对应一个含义；橙色专用于警告，不得用于中性、进行中或装饰。错误信息应回答三个问题：出了什么问题、为什么发生、用户下一步该做什么，并为瞬时故障提供重试、为校验错误定位字段、为破坏性操作失败安抚用户、为会话过期提供返回路径。指南还强调在设计层面预防大错误，如不可逆操作前确认、禁用不可用操作、自动保存、乐观 UI 加回滚，并在操作前说明后果。严重程度分为阻塞错误、行内错误、Toast、警告横幅、空状态，避免同时展示多种错误。相似度或数量级用单一色相从近黑到强调色，不用红到绿。文末附有审查清单和常见反模式表。
Photo Abstract Editorial 是一个图像创作技能，用于将一张上传的照片制作成一张干净的竖版编辑风格作品。它保留照片作为原始图像（置于上方或主体部分），并在下方搭配一个克制的、从照片中提取的抽象图案面板。抽象图案只依据照片中观察到的空间、色调与色彩关系推导，而非临摹、描摹或风格迁移。作品采用无纹理的均匀象牙色下方面板，两段直接拼接，不加边框、阴影、拼贴或样机效果。标题为2至5个英文单词，仅置于抽象面板上，使用克制的编辑衬线字体。
这是一套面向数据集合界面设计的模式指南，涵盖视图模式、行选择、批量操作、排序、筛选、搜索与表格模式。资料指出，复杂数据集合（商品、文件、用户、订单、任务）没有唯一正确的视图：浏览适合网格，细节对比适合列表或表格，批量管理适合带批量操作的密集表格，因此应给用户选择权。内容还涉及选择交互采用整行/整卡作为点击区域、选中状态用低饱和背景色加可选左侧强调边框、批量操作工具栏显示数量并要求破坏性操作确认、排序与筛选分区放置、空状态区分筛选无结果与真正为空、搜索即时联想并高亮匹配文本且提供查看全部结果入口，以及表头与首列固定、行操作悬停显示、列宽调整与重排、空单元格用短横线而非 N/A 等细节。资料也给出数字呈现建议：数值需带参照（百分比、均值、变化量）、趋势用图、时间序列展示轨迹、优先使用常见图表类型、配色限制在 2–3 种且语义单一。分类标识为 design（设计与创作）。部分内容（如具体收费、平台、安装方式）资料未提供。
这是一套关于通知与恢复（Notifications and Recovery）的界面设计技能，用于指导设计错误状态、成功确认、异步反馈和就地编辑等场景。内容涵盖模式选择（Toast、内联错误、警告横幅、模态框、空状态、骨架屏、就地确认）、Toast 通知的放置与时长、内联表单校验、警告横幅、恢复模式（重试、撤销、自动保存与草稿恢复、优雅降级）、加载与骨架状态、通知中心以及无障碍要求，并附有审查清单。
面向布局、视觉层级、间距、排版、色彩与无障碍的通用 UI/UX 设计判断技能，适用于缺少产品或 Frappe 专属规范时的设计决策。强调克制、目的明确、清晰与功能优先。
AnyCap 媒体制作技能是一套面向图像、视频、音乐与音频生成的完整工作流指南，基于 AnyCap CLI 实现。它覆盖从文本或参考素材生成媒体资产、通过人工标注进行迭代精修，到最终交付的全过程。图像支持文生图、图生图（编辑/转换）以及多参考图混合；视频支持文生视频与图生视频；音乐支持文生音乐；音频支持语音合成、对话及完整音频场景。所有生成命令遵循统一模式：先发现模型、检查 schema、再生成并指定输出文件。该技能强调使用实时模型目录中的模型 ID，并配合标注工具实现精准的局部修改。
一个用于制作卡点视频的 AI 技能：接收源视频与音乐，先由 Gemini 生成描述剪辑方案的 EditPlan，再校验并转换为 FFmpeg 滤镜完成渲染，使画面切换与音乐节拍对齐，可制作混剪、蒙太奇等节奏剪辑。
该技能用于撰写设计决策说明文档（Design Rationale），记录设计决策背后的推理过程，包括考虑过的替代方案、评估的权衡取舍以及所应用的原则。适用于做出影响用户体验的重大 UX 决策时，或设计评审前的准备。文档按模板结构化输出，涵盖决策摘要、背景、备选方案、评估标准、决策理由、接受的权衡、可逆性、后续考虑事项、支撑材料和决策历史等部分，帮助团队保留“为什么这样设计”的机构知识，便于新成员理解既有决策。