SuperAPI AI 工具集找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 10-16 00:02
19,698 个结果
Motion brief writer 是一个动效设计简报撰写技能，用于把粗略的动态图形创意转化为精确的构建简报，交由 Claude Code 实现。它由你提供品牌素材（如 logo、品牌截图或十六进制色值）与确切文字数字，随后以不超过五个问题的批量形式补齐缺失信息，最终产出两部分内容：一段不超过三句话的通俗摘要，以及一个代码块形式的构建提示词。该提示词包含像素宽高与总秒数、四个状态的时间节奏（开始、变化、保持、返回，且末帧与首帧一致）、标记为固定的确切文字与数字、颜色字体与素材命名，并要求输出一个自包含 HTML 文件，带 window.seek(seconds) 函数与减少动态设置。构建后需捕获命名帧、检查重叠、文字截断与数字变化，修正真实问题并保留早先版本。未经许可不安装、付费、发送或发布。使用时需先阅读 brand.md 与 MOTION.md，若不存在则先运行 brand-intake 或索取色值、字体与 logo 文件。
Zener/pcb 组件包设计技能：把数据手册、应用笔记或评估板设计转化为高质量、可采购的复用设计，指导在 components/<NAME>/ 下创建与演进组件包。
tokens 是 ui-craft 技能体系下的一个子技能，专注于审计或建立项目的三层设计令牌（token）主干。当用户要求为 UI 建立令牌，或在设计、UI、前端语境中提到 tokens 时触发。它先扫描项目中已有的令牌定义（CSS 变量、Tailwind 配置、CSS-in-JS 主题对象、design-tokens.json、globals.css 等），盘点 7 个类别（颜色、间距、字体、圆角、阴影、动效、z-index）与三层结构（原始值、语义、组件）的覆盖情况，并检查明暗两套主题是否都已定义。随后根据参数路由：audit 只做审计，establish 直接建立，指定类别则聚焦该类别，为空时按是否存在令牌自动选择。审计阶段按严重程度输出缺口清单，不主动给代码；建立阶段提出最小主干，覆盖全部 7 类并同时包含明暗两套主题。它强调不覆盖已有文件，改动以补丁形式呈现，并尊重项目现有语法与命名约定。
Color Mode and Theme 是一份关于配色模式与主题选择的设计指南，出自 dembrandt/dembrandt-skills 技能集。它帮助团队在产品设计初期决定采用浅色、深色还是两者兼顾的配色方案，并提供何时值得在界面中加入主题切换器的判断依据。内容覆盖浅色与深色模式各自的品牌调性与适用产品类型、结合系统偏好（prefers-color-scheme）与手动覆盖的组合方案、不同产品场景下是否需要主题选择器、品牌调性如何影响默认模式，以及深色模式的令牌设计原则，例如避免使用纯黑背景、用明度而非阴影区分层级、适度降低品牌色饱和度、为反色文本提升字重、逐项验证对比度等。文末附有评审清单，便于在设计评审中逐条核对。指南强调配色模式是品牌与使用情境的决策，而非个人偏好，并提醒深色模式维护成本较高，若团队无法妥善维护，浅色模式优于实现不佳的深色模式。
Blockbench PBR Materials 是一套通过 MCP 工具在 Blockbench 中创建和管理 PBR 材质的能力说明，主要面向 Bedrock 纹理集（texture_set.json）的导入导出，以及法线贴图、高度贴图、MER 打包贴图的处理。它指导用户使用 create_pbr_material、configure_material、assign_texture_channel、list_materials、get_material_info、import_texture_set、save_material_config 等工具定义各通道贴图或统一数值，并强调保护目标的材质约定、对齐 UV、区分 Bedrock MER 与 glTF 金属/粗糙度、注意不同渲染管线对 PBR 的支持差异。
brand-intake 是 motion-graphics-skills 技能包中的品牌设置步骤，供其他技能读取品牌信息。它通过简短的访谈和 3 到 5 张参考帧，在项目中生成两个文件：brand.md（记录品牌名称、业务、受众、推广内容及链接、想要的感觉、颜色字体徽标等资产、禁忌）和 MOTION.md（记录颜色十六进制值及用途、字体与字号、时间节奏、运动方式、质感与完成度、五条禁止事项、一个逐镜头的正确示例）。同时在 CLAUDE.md 中加入“先读 MOTION.md”的规则。若答案缺失，会再次询问而非猜测；无法从参考帧判断的内容写 ASK ME。每个品牌运行一次，未生成两个文件前，其他技能不得称结果为 on-brand。
这是一个在代码中制作 30-45 秒产品发布视频的技能，适合 SaaS 公司发布日使用。它以单个 HTML 文件配合 window.seek(seconds) 构建，最后导出为 MP4。核心要求是把一句宣传语拆分成 3-5 个节拍（beat），并配合真实的产品截图、真实结果或真实客户内容作为证明，不得虚构价格、日期、剩余名额、评价或成果。使用前需先准备品牌资料（brand.md、MOTION.md），否则先做品牌收集或向用户索取十六进制色值、字体和 logo 文件。技能提供了默认 7 节拍、45 秒的时间表，并要求每个节拍使用不同的布局，避免两个节拍共用同一版式。构建时在一个自包含的 HTML 文件中完成，不联网加载资源，产品界面以磨砂玻璃质感的面板呈现，逐帧由时间推导，并提供 window.seek(seconds) 绘制指定时刻；正常打开时自动循环播放，URL 带 ?render 时等待 seek。构建后需从每个节拍中间截取一帧检查裁切、重叠和可读性，再像买家一样审视：第 4 秒能否知道发布的是什么、每个数字是否有来源、行动号召是否保持至少 3 秒、静音状态在手机上是否可读。最后可选用 HyperFrames 导出 16:9 与 4:5 两个版本。具体安装与导出步骤资料中已给出。
vox-explainer 是一个在 Claude Code 中用代码制作 Vox 风格纪录片式解说短片的技能，成片时长 30-60 秒。它把整支影片做成一个自包含的 HTML 文件，再导出为 MP4，每一帧都由代码生成，不使用视频生成器或素材库。视觉上采用撕纸卡片、半调网点、纸张颗粒、粗体窄体字与阶梯式（on twos）动画。使用前需先确定品牌信息（brand.md、MOTION.md 或先运行 brand-intake），并准备问题、事实（含来源链接）、配色与画幅尺寸；脚本按镜头逐行编写，每句对应一个镜头，最后一句为五词以内的结论。构建时通过 window.seek(seconds) 精确绘制任意时刻画面，导出可用 HyperFrames 等工具。该技能不会编造事实、日期或引语，也不会凭记忆复刻真实品牌标志。
HyperFrames Media 是 HyperFrames 组合（composition）所需的音频与媒体素材生成技能，由统一的音频引擎 scripts/audio.mjs 驱动，提供多提供商 TTS（HeyGen / ElevenLabs / Kokoro）、背景音乐与音效、转录、字幕以及背景移除等能力，并可在 HTML 中消费与动画化这些数据。
该技能用于撰写或更新项目持久化的设计简报（design brief），保存到 .ui-craft/brief.md。它是 ui-craft 技能下的一个子技能，专注于简报这一环节。使用时先检测是否已存在 .ui-craft/brief.md：若存在则加载内容，按用户指定的更新点聚焦处理，未指定则汇总后询问要改什么；若不存在，则检查仓库根目录是否已有 DESIGN.md 或 design-tokens.json，若有则据此预填答案并注明来源。撰写新简报时，需一次性引导用户回答五个必需部分：产品目的、主要用户、产品原则、成功指标和范围之外。原则部分若用户没有或回答含糊，会加载原则目录作为对话种子，通过原则工作坊从过往设计决策中推导候选原则，而非凭空编造。简报写盘前会先完整展示并请求确认，创建 .ui-craft/ 目录后写入文件。更新时采用以追加为主的方式，不删除历史内容，被淘汰内容以日期和原因标注。五个部分均为必需，确实未知时以带日期的占位符标记。
Light Spotlight Render 是一个用于生成“聚光灯扫字”HTML 动画的技能。它通过脚本读取模板，将可配置参数（如文字内容、摆动角度、摆动周期、灯罩缩放、辉光透明度、遮罩颜色、文字颜色、背景颜色、视频宽高等）替换进模板，输出一个自包含的独立 HTML 动画文件。该技能适合在用户需要聚光灯扫字动画时使用，生成后可在浏览器中预览；如需视频输出，可借助其他工具或浏览器捕获流程完成。
该技能为 Remotion 提供可复用的 3D 垂直无限滚动跑马灯组件，适用于视差画廊、无限图片滚动、多列展示等场景。其原理是通过内容列表复制与取模运算实现无缝循环，配合 CSS 3D 变换（perspective、rotateX、scale）营造立体透视效果，并用线性渐变遮罩让内容在顶部和底部平滑淡出。组件数据无关，可接收任意图片 URL 或 React 节点数组作为列，支持按列设置时长与方向以实现视差。使用时将 assets/VerticalTicker.tsx 复制到项目组件目录，在 Remotion Composition 中导入渲染即可。
record-promo 是一个用于自动录制游戏宣传视频的技能，属于 playableintelligence/game-creator 技能集。它能够自主捕获 Phaser 游戏的高帧率、流畅的游戏画面，无需人工操作，直接生成适合 TikTok、Reels、Moltbook 或 X 等社交平台发布的宣传视频。该技能会先检查开发服务器、Playwright 和 FFmpeg 等依赖，然后读取游戏源码，生成针对特定游戏的捕获脚本，自动屏蔽所有死亡/失败逻辑，并生成与游戏实际控制相匹配的输入序列，以 1080×1920（9:16 竖屏）分辨率录制约 13 秒的游戏画面，最终转换为 50 FPS 的 MP4 文件。录制完成后会提取第 5 秒的缩略图供预览，并报告视频时长、帧率和文件大小。
Tastemaker 是一套用于让 AI 生成更美观、贴合品牌 UI 的技能，避免千篇一律的“AI 味”界面。它强调从真实参考图提取设计令牌、记忆并锁定项目风格、按实际产品范围做设计，并提供 build、study、audit、comps 四种工作模式。
draw.io 图表技能（draw-io）用于创建、编辑和审查 draw.io 图表，主要面向 .drawio XML 文件的编辑、PNG 转换、布局调整以及 AWS 图标使用。该技能强调只编辑 .drawio 文件，不直接编辑 .drawio.png 文件，并建议在幻灯片中使用由 pre-commit 钩子自动生成的 .drawio.png。它提供了字体设置规范（如在 mxGraphModel 中指定 defaultFontFamily，并在文本元素 style 中显式指定 fontFamily）、转换命令（通过 pre-commit 或脚本将 .drawio 转为 PNG，内部使用 drawio -x -f png -s 2 -t -o 命令）、坐标调整步骤与计算方法，以及一系列设计原则（清晰、一致、准确）、元素规则、无障碍要求、渐进式披露的分层图表类型、元数据要求等。此外还包含最佳实践，如移除背景色、使用 1.5 倍标准字体、日文文本宽度预留、箭头置于底层、箭头与标签间距、edgeLabel 偏移调整、移除无关元素、标签与标题规范、背景框内元素边距要求等，并附有检查清单和 reveal.js 幻灯片图片显示设置。
k2f-idml 是一个面向 AI 智能体的技能，用于为多页印刷出版物（宣传册、杂志、产品目录、年报、品牌 lookbook 等）编写 content_and_design.md 蓝图，以便交付给设计师在 InDesign 中继续处理。它强调跨页（spread）级的故事流、带类型的内容块、排版角色与艺术指导，而不是把幻灯片直接拼到页面上或堆砌无差别的正文。该技能基于 K2F 构建，产出可导出为 IDML 的 .K2F 文档，让智能体专注于语义（故事、图表、层级角色）而非框架坐标，由引擎把版式与排版编译成可编辑的 InDesign 交付物。使用前需先安装核心技能：npx skills add suzheng/k2f --skill k2f。
HyperFrames Core 是 HyperFrames 的合成契约技能，用于构建一个可渲染的 HTML 视频项目。HyperFrames 从 HTML 渲染视频：合成物（composition）是一个 HTML 文件，其 DOM 通过 data-* 属性声明时间，动画运行时支持 seek，媒体播放由框架统一托管。本技能是技术契约，说明如何构建单个 hyperframes 项目；正文为构建指南，各主题细节位于 references/ 中按需阅读。其他关注点分散在同级领域技能中：hyperframes-animation、hyperframes-creative、hyperframes-media、hyperframes-cli、hyperframes-registry。
Blockbench Use 是一个在创建、修改或导出 Blockbench 内容前加载的技能，用于发现当前运行环境中的格式与工具，并将任务路由到建模、UV/贴图、动画、粒子、PBR 材质、Hytale 等对应领域技能。它通过 get_capabilities 获取宿主/插件身份、项目信息、已注册格式和工具启用状态，强调按实际安装的能力工作，而非假设所有工具都存在。该技能还涵盖项目格式选择、内容检查、模式与选择状态、几何预算规划、UV 缩放与失真、验证方式以及检查点与导出交付等流程指导。
Presentation Design 是一套面向现场演示的视觉设计指南，主打大胆、极简的幻灯片风格。它提供布局模式、字体层级、颜色规范与幻灯片构图规则，帮助制作者快速搭建现代、自信、科技感的演示文稿。核心风格为深色优先、高对比、极简（同时支持浅色模式）。内容涵盖背景色、主次文字色、强调色、字体与字距规范，并给出四级文字对比层级、按章节划分的强调色方案，以及全屏陈述、大陈述、分栏、章节分隔、代码、数据指标、人物照片网格等多种布局模板。还包含幻灯片类型与布局的对应关系、可嵌入的富媒体内容（代码块、终端输出、推文卡片、视频预览、文章预览）、视觉元素（章节标签、进度条、引用链接、渐变、图标）以及应避免的做法。
media-use 是一个面向智能体的媒体解析技能：用 resolve 单一命令，把背景音乐、音效、图片、图标等需求解析为冻结在本地项目内的文件，并写入清单，便于跨项目复用。
Phaser 4 中用于随时间动画化属性的技能，覆盖补间（tween）、补间链、缓动函数、stagger、yoyo、repeat、回调、数值补间与补间目标等。核心入口是每个 Scene 都可用的 this.tweens（TweenManager），通过 add() 创建并立即播放补间，支持相对值、逐属性配置、数组插值、链式顺序播放、事件与回调，以及暂停、恢复、停止、重启、seek、时间缩放等控制。
HyperFrames 动画技能，汇集原子运动规则、多阶段场景蓝图、转场、运动设计技法与各运行时适配器，以 GSAP 时间线为核心编排确定性的可寻址动画。
在 RunPod 无服务器云 GPU 上运行开源 AI 模型的工具集，按秒计费，通过命令行部署镜像、创建端点并处理图像编辑、放大、去水印、SadTalker 与 Qwen3-TTS 等任务。
UI Density 是一份关于界面信息密度的设计指南，核心观点是：合适的密度没有统一标准，而取决于平台、用户类型和使用场景。它给出桌面（中高密度）、平板（中密度）、移动端（低密度）的平台默认值，并按用户类型区分：高级/企业用户可接受高密度，普通用户适合中等密度，消费者/首次用户需要低密度、引导式、清爽的界面。文档强调不要把密集的桌面布局直接搬到移动端，而应删除、折叠或降级功能。它还提供密度令牌（CSS 变量）示例，用 data-density 属性切换 compact、spacious 等变体，并给出各平台功能数量优先级表、移动端功能精简策略、关于“阅读即时间”的减负原则，以及一份评审清单。