SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-17 00:11
20,062 个结果
该技能用于编排多步骤动画序列，例如页面切换、引导流程、向导步骤、复杂揭示等需要整体编排的动画场景。它将迪士尼十二动画原则应用到多步运动编排中，涵盖挤压拉伸、预备动作、舞台调度、逐帧与关键帧、跟随与重叠、缓入缓出、弧线、次要动作、时间节奏、夸张、立体感与吸引力等原则。资料给出了不同序列类型（标签切换、页面过渡、弹窗打开、向导步骤、引导流程、戏剧性揭示）的总时长、步骤数与步骤重叠比例建议，并提供交错序列、页面过渡编排的 CSS 代码示例，以及用 JavaScript 计算交错延迟的编排公式。关键规则包括：步骤重叠 30-50%、功能性 UI 总时长控制在 800ms 以内、以 0.5 倍速测试编排、超过 500ms 的序列提供跳过选项、对 prefers-reduced-motion 直接切换状态而不播放序列。
该技能用于为旅行预订、酒店与民宿、旅游平台及度假规划类产品设计动画。它把迪士尼十二动画原则映射到旅行与酒店场景，例如预订按钮的按压反馈、地图图钉落点弹跳、飞机图标的飞行拉伸、搜索结果卡片错落进入、地图标记落地后弹出信息、预订成功的庆祝动画等，并给出行业常用的动画时长与缓动参考（如图片过渡400ms、地图动画500ms、预订步骤300ms、搜索结果250ms、确认600ms自定义弹跳）。核心目标是让动画在用户实际出行前先带来向往感与沉浸体验，同时保持预订流程的清晰与可信。
面向非开发者领域专家的配置界面设计技能。核心是把复杂系统（优化算法、规划引擎、仿真等）的技术参数翻译成用户熟悉的领域语言，让懂业务但不懂系统内部的人也能正确配置。技能涵盖：用领域语言而非技术术语命名参数、按业务概念而非参数类型分组、为每个参数提供可见的合理默认值与重置操作、按语义选择输入控件（开关、带单位数字框、下拉、滑块）、用渐进式披露区分主设置与高级设置、明确区分已保存配置与会话临时覆盖、用领域语言做内联校验与冲突提示，以及把模型从自由文本推断出的配置以带标记的可编辑表单呈现。适用于设计设置面板、求解器配置、规划引擎参数等场景。
设计系统创建（Design System Creation）是一套用于构建完整设计系统的提示词与参考指南，涵盖组件、模式与规范。其目标是实现一致的设计、加快开发速度，并促进跨团队协作。内容包含设计系统结构（基础层：字体排印、颜色、间距、阴影与层级）、组件与组件文档、设计系统治理与文档，以及最佳实践（如从核心组件起步、充分文档化、提供代码示例、跨浏览器测试、包含无障碍指引、版本化与治理、主动沟通更新、收集反馈、增量维护等）。适用于多产品界面或多团队、需要扩展设计一致性、减少重复组件开发、改善设计到开发交接、建立团队共享语言、构建可复用组件和记录设计标准的场景。
setup 是 better-web-ui 技能集中用于“收集并持久化项目设计上下文”的技能。它会在动手提问题之前先扫描代码库，识别项目用途、目标受众、技术栈、依赖、现有设计系统、组件库、样式方案、表单架构、表格/数据网格架构、长列表虚拟化方案、已有组件、品牌资产、设计令牌与样式指南等信息，并记录哪些内容清晰、哪些仍不明确。随后它只针对无法从代码推断的内容，向用户提出以用户体验为核心的补充问题，覆盖用户与用途、品牌与人格、美学偏好、可访问性与包容性、实现默认值等维度。最终把这些信息综合为 Design Context 段落，写入项目根目录的 .better-web-ui.md 文件（若已存在则原地更新；若有 .better-ui.md 或 .impeccable.md 等旧文件，则作为迁移输入并入），并可按用户意愿追加到 AGENTS.md。该技能强调实现默认值的优先级：已检测到的现有项目技术栈优先，其次为新项目中用户的明确偏好，最后才是基于框架的兜底默认值，并会记录项目在 Radix 还是 Base UI 生态上的倾向，以及 shadcn 相关配置基线。
用于构建超过2000ms的长时动画序列，如电影级开场、故事叙述与高端体验。按迪士尼动画原则提供完整电影化处理、缓动建议、实现模式及可跳过、减少动态、性能预算等要求。需投入3-5倍常规开发时间。
loading-states 是 dylantarre/animation-principles 技能集中的一项技能，用于在界面需要指示进度或等待时提供加载状态动画方案，涵盖旋转指示器（spinner）、进度条、骨架屏（skeleton screen）、微光（shimmer）效果等任何表示系统正在工作的动画。该技能将迪士尼十二动画原则应用于加载状态设计，例如用挤压拉伸让进度指示器轻微脉动、用预期原则在操作发生时立即显示加载状态、用舞台布置让骨架屏匹配最终布局、用缓入缓出处理进度条、用次要动作叠加骨架微光与脉动等。技能还给出具体时间建议：spinner 延迟 200ms 出现、最短显示 500ms、骨架屏微光周期 1500-2000ms 等，并提供骨架屏微光、平滑旋转 spinner、带缓动进度条以及加载到内容过渡的 CSS 实现模式，最后强调避免闪烁、骨架形状匹配真实内容、平滑过渡以及尊重 prefers-reduced-motion 等关键规则。
本技能是一份关于歌曲创作与 Suno AI 音乐提示词编写的指南，内容涵盖歌曲结构、押韵与格律、情感弧线与动态、歌词写作、改编与恶搞、Suno 提示词工程、AI 歌手的发音技巧、工作流程以及本地开源音乐生成方案。所有内容均以“指导原则而非硬性规则”为前提，强调艺术可以有意打破规则。适合需要为 Suno 等 AI 音乐工具编写风格描述与歌词标签、或进行歌词创作与改编的用户参考。
面向 C/C++ 语言运行时开发的字节码解释器与 JIT 编译器技能，指导实现分派循环、VM 架构选型与性能优化。
suggest-icon 是 Font Awesome 的智能体技能，用于根据特定情境、名词、动词或概念推荐合适的图标。它通过 fa CLI 或 Python 脚本查询图标是否存在并搜索替代方案，若项目配置了 Kit 则只在 Kit 子集内推荐，避免推荐后无法渲染。
该技能提供编写 Remotion 动画的最佳实践，目标是让动画对智能体保持直观、并能在 Remotion Studio 的 Visual Mode 中可编辑。资料同时指向场景结构与自定义交互组件、可编辑样式与动画、以及将元素或自定义组件变为可交互的相关文档路径。
videocut-subtitle 是一个字幕生成与烧录技能，流程为转录→词典纠错→审核→匹配→烧录。它使用 OpenAI Whisper 模型将视频语音转为文字，支持 medium 与 large-v3 模型，输出含逐词时间戳的 JSON。转录后自动进行词典纠错与分句，生成纯文本字幕稿（一句一行、每行不超过15字、句尾无标点），交由用户审核修改；用户返回修改后的文本后，技能匹配时间戳生成 SRT 字幕文件，并通过 FFmpeg 烧录字幕，输出带字幕的视频。默认样式为24号白字、黑色描边、底部居中，也支持黄字黑边、调整字号、位置等。触发词包括加字幕、生成字幕、字幕。
用于把播客、口播或音频片段制作成带字幕和波形动画的短视频，适合 Reels、TikTok、Shorts 等静音播放的信息流。基于 Remotion，波形由音频数据逐帧驱动，并附带封面、标题和进度条。
qiaomu-design 是一个偏执型设计顾问技能（v3.9），把“读懂场景 → 看见方向 → 明确选择 → 真实实现 → 浏览器验收”串成闭环。它面向页面、组件和产品界面，提供设计诊断、四方向可视化预览、设计系统编译、实现与视觉 QA；同时支持创作与修改微信公众号封面、B站封面、YouTube 缩略图、小绿书配图和小红书封面，并按平台检查裁切与可读性。技能强调功能契约优先、避免默认 AI 模板感，要求真实运行、截图验收，并在缺少测试或浏览器证据时明确标记未验证。
Academic Figure Prompt 是一个学术论文配图提示词生成技能，用于为 AI 图片生成工具（NanoBanana / Gemini / Midjourney / DALL-E）生成极其详细的英文提示词，目标是产出顶会级别的专业学术配图。其核心理念是信息密度极高、视觉风格精确、内容完整无遗漏，宁可提示词过长过详细，也绝不简化省略。工作流程分为理解论文内容、分析参考图、配色方案选择、生成提示词四步。其中配色方案选择必须在生成提示词前完成，需向用户展示预设方案并等待确认，除非用户在初始请求中已明确指定配色。提示词结构模板要求包含全局描述、分区详细描述、全局标注、风格规格四个层次，缺一不可。技能提供八套配色方案（含用户自定义），并附带配色禁忌、五类图片专用模板（总体框架图、网络架构图、模块详解图、对比/消融图、数据/行为模板图）、缩略图词汇表、质量检查清单与输出格式规范。提示词语言须为英文，说明文字用中文。
thumbnail-design 是一个面向 YouTube 视频缩略图的设计技能，核心定位是“承诺而非海报”。它把缩略图与标题视为一个整体（缩略图负责展示、标题负责说明，二者不重复），并强调移动端优先、单一焦点、真实情绪与高对比度。该技能采用 CLICK 框架：明确承诺、突出一个焦点、唤起真实情绪、对比与简洁文字、持续测试。它由智能体负责撰写承诺、设计概念与文字、产出设计简报并规划 A/B 测试；最终位图由人类或图像工具生成，YouTube 缩略图需在 Studio 原生上传，Test & Compare 也由人工原生运行。资料强调不做标题党、不使用未经同意的真人面孔或深度伪造、不捏造点击率，并明确区分于 youtube-publishing-and-metadata、nano-banana/ideogram 等相邻技能。
Rams 是一个面向 UI 代码的无障碍与视觉设计审查技能，依据 WCAG 2.1 检查组件的可访问性与设计问题，并按严重程度给出带行号的修复建议。
VideoAgent Director 是一个 AI 创意导演技能，能把用户的自然语言创意转化为完整的分镜脚本，并生成全部素材（图像、视频片段和音频）。用户只需描述想要的内容，该技能负责镜头规划、提示词撰写和素材生成，无需用户自己编写任何提示词。适用于品牌视频、短片、社交短视频、产品广告等创意概念，也支持“制作分镜”“创建场景拆解”“生成关于 X 的短片”等请求。
这是一个可复用的品牌模板系统技能，用于帮助非设计人员快速产出风格统一的品牌图形。它先建立品牌工具包（锁定颜色、字体、标志、间距），再为常发布的内容格式设计一小组（约5–7个）可复用模板，如引语卡、轮播框架、公告、Reel封面、Pin等，并配套层级与可读性规则和一套生产工作流。该技能由智能体设计系统、规范与建议，不负责实际渲染；图形由设计工具（Canva/Adobe Express/Figma）或图像工具产出，成品再进入WoopSocial发布流程。其理念是：对于社交内容，一致性与速度胜过单件精美设计，品牌工具包优先能让初稿达到约80%符合品牌，而非仅约20%；但工具只能达到约70–80%的品牌符合度，核心作品仍需人工完善。
auto-editor 是一个命令行音视频剪辑工具，可分析媒体文件并把每个时间段标记为活跃（如响亮）或非活跃（如静音），默认保留活跃段、剪掉非活跃段，从而自动去除静音、静止画面或黑帧，也支持麦克风录制与手动剪辑。
该技能基于 each::sense AI，用于生成专业宣传册（Brochure）设计。支持三折页、双折页、Z 折、门折、风琴折及 A4 单页等多种版式，覆盖企业宣传、旅游、产品目录、房地产、医疗、教育、活动节目单、服务菜单等场景。通过向 eachsense-agent 接口发送 POST 请求调用，可指定品牌配色、内容板块、图像风格等，并借助 session_id 进行多轮迭代和系列化生成。提供 max 与 eco 两种模式，分别面向高质量成品与快速草稿。
介绍如何在 Rive 中用状态机与交互式动画实现迪士尼十二动画原则的技能资料，涵盖挤压拉伸、预备动作、跟随重叠、缓入缓出、弧线、次要动作、时间节奏、夸张等要点，并给出 Rive 编辑器设置与运行时 API 调用方式。
ui-craft 技能中的一个子技能，专门从设计视角审视界面，覆盖视觉层级、清晰度与“反 AI 感”（anti-slop）模式。它以“发现表格”（findings table）的形式给出结果，默认不修改代码，除非用户明确要求。适用场景是用户希望对 UI 做设计评审时使用，依据 CRAFT_LEVEL 设定的标准来判断哪些问题算“需要改进”。审查必须先进行视觉采集（通过 Playwright MCP、浏览器 DevTools/Chrome MCP、其他浏览器自动化工具，或由用户提供截图），仅在无法获取且用户拒绝提供时才回退到纯代码审查，并明确标注局限。
这是一个用于生成或分析极简纸质拼贴海报的技能，风格强调大面积留白、小型编辑式拼贴或焦点元素以及实验性排版。它支持多种工作模式：默认的生成模式可将主题、句子、文章、物体、情绪或照片转化为视觉隐喻并生成海报；照片输入模式可处理用户提供的照片，并根据角色（编辑目标、参考图、辅助插入）和保留级别（高、中、低）进行生成；参考分析模式可分析参考图或文件夹，提取可复用的风格规则和提示词；仅提示词模式则只输出最终生图提示词。该技能还包含变化引擎、质量门禁和参考分析等内部参考文档，以确保输出保持稀疏的垂直纸质海报风格，避免商业广告或通用拼贴模板。