SuperAPI AI 工具集

Skill 广场

找到适合任务的 Agent Skill,阅读介绍并复制安装命令。

更新于 10-16 00:02

设计与创作

19,786 个结果

remotion-best-practices

remotion-best-practices 是一套面向 Remotion(在 React 中制作视频)的规则型技能资料,用于在编写、调试或重构 Remotion 代码时提供领域知识与参考做法。其内容以按主题拆分的规则文件形式组织,覆盖动画基础、时间与插值曲线、序列与裁剪、场景转场、文字排版与文字动画、图片/视频/音频/字体的导入、GIF 与 Lottie 嵌入、字幕的转录与显示、SRT 字幕导入、图表与数据可视化、3D 内容(Three.js 与 React Three Fiber)、TailwindCSS 集成、DOM 节点与文本尺寸测量、动态计算 composition 的时长/尺寸/属性,以及借助 Mediabunny 读取视频解码能力、时长与尺寸、按时间戳抽帧等。使用时按任务查阅对应规则文件即可获得解释与代码示例。资料同时给出限制:仅在任务与上述范围明确匹配时使用,输出不能替代针对具体环境的验证、测试或专家审查,若缺失必要输入、权限、安全边界或成功标准应先暂停并请求澄清。

设计与创作613 次安装

hig-components-controls

这是一份关于 Apple 人机界面指南(HIG)中“选择与输入控件”的指导技能,帮助开发者设计和选用合适的控件,包括选择器、开关、滑块、步进器、分段控件、组合框、文本框、文本视图等。内容涵盖每类控件的核心使用原则,如开关用于二元状态、分段控件用于互斥选项、滑块用于连续数值、选择器用于较长选项列表、步进器用于小范围精确调整、文本框与文本视图分别用于单行与多行输入,并说明组合框与令牌字段仅适用于 macOS。技能还提供输出格式要求(控件建议及理由、状态管理、验证方式、无障碍支持)、需要向用户确认的问题(数据类型、选项数量、目标平台、设置界面或内联表单)以及相关技能链接。

设计与创作612 次安装

imagen

Imagen 是一个基于 Google Gemini 图像生成模型(gemini-3-pro-image-preview)的 AI 图像生成技能,可在 Claude Code 会话中按需生成图片。它接收文本提示词,调用 Google Gemini API 生成图像,并将结果保存为 PNG 文件,返回文件路径供项目使用。适用于前端开发中的占位图或实际配图、文档插图与示意图、概念与架构可视化、图标与 Logo 及 UI 素材制作等场景。支持 Windows、macOS 和 Linux 跨平台运行,推荐使用 Python 脚本方式调用,仅依赖标准库,无需 pip 安装。使用前需设置 GEMINI_API_KEY 环境变量。

设计与创作612 次安装

reference-look-calibration

该技能用于在 Blender 中基于参考图进行最终视觉校准,在几何体与 UV 锁定后,对材质、灯光、相机裁切、发光/辉光、色彩管理以及光环/HUD 风格进行匹配。它通过脚本对比物体掩码 IoU、包围盒范围、色相带掩码 IoU、HSV/BGR 均值与标准差、亮度分位数、饱和度均值与色相漂移等指标,并按固定顺序逐步校准:相机裁切/正交缩放、世界/背景暗度、基础材质色相/明度/饱和度、发光强度与辉光颜色、光环/HUD 环颜色与厚度、色彩管理/曝光/伽马,最后输出渲染叠加与指标。该技能依赖 MCP 后端,首次调用 Blender 前需阅读指定参考文档,并保持所选后端一致。它不用于修正错误的形状、UV 或相机取景,也不允许用泛光、雾或过曝掩盖几何不匹配。

设计与创作608 次安装

threejs-earth-render

Three.js Earth Render 是一个用于渲染 Three.js 地球航线动画的技能,通过 Puppeteer 逐帧捕获画面并编码为 GIF 或 MP4。它默认克隆或更新 https://github.com/vibe-motion/threejs-earth 仓库,在本地 HTTP 服务器中运行 Three.js 应用,使用 window.__SCENE_3D_EXPORT__.setFrame(frame) 逐帧定位以保证帧可独立复现,再借助 ffmpeg 编码输出。默认渲染为 30 fps、448 像素宽的 GIF,默认航线为杭州到巴黎。适用于需要生成地球航线动画视频或动图的场景。

设计与创作608 次安装

e-commerce-retail

该技能面向电商与零售场景的动画设计,将迪士尼十二动画原则应用到购物应用、商品目录、结账流程和零售体验中。目标是让购物体验显得高级、可信,并促进转化。内容涵盖挤压与拉伸、预备、舞台化、跟随与重叠、缓入缓出、弧线、次要动作、时间节奏、夸张、扎实造型和吸引力等原则在加购、数量徽章、促销标签、购买按钮、图片缩放、结账步骤、商品卡片、购物车抽屉、筛选、弹窗、轮播、心愿单、评价星级、折扣展示、倒计时、库存警告等具体交互中的用法,并给出加购、快速查看、结账步骤、购物车更新、图片缩放等动作的时长与缓动参考标准。核心原则是不让动画拖慢购买路径,每个动作都应高效并增强购买信心。

设计与创作606 次安装

hig-components-dialogs

该技能提供 Apple 人机界面指南(HIG)中关于呈现类组件的设计指导,涵盖警告框(Alerts)、操作表单(Action Sheets)、浮出控件(Popovers)、表单(Sheets)和数字输入视图(Digit Entry Views)。当用户需要为 iPhone、iPad、Mac 或 visionOS 设计模态或非模态呈现交互时,可参考其中的关键原则、内容规范、关闭行为与替代方案。技能会先检查 .claude/apple-design-context.md 以复用已有上下文,并输出推荐的呈现类型、理由、内容指南、关闭行为及替代方案。

设计与创作605 次安装

after-effects

该技能通过生成 ExtendScript(.jsx)并经 osascript 执行,实现对 Adobe After Effects 的自动化操作。它可读取项目状态、查询图层与合成信息、检查表达式错误与字体清单、执行项目审计,并支持图层、关键帧、表达式、合成、效果、素材、渲染队列及批量操作等任务。所有修改操作均包裹在撤销组中,并提供大量内置动作脚本,如字体替换、项目清理、批量重命名、缓动预设、锚点移动、反向关键帧、智能预合成、SRT 导入、文本导入导出等。适用于需要批量处理或重复性 AE 任务的场景。

设计与创作603 次安装

presentations

这是一个面向演示文稿制作的动画设计技能,用于在 Keynote、PowerPoint、Google Slides 等软件中应用迪士尼十二动画原则。它把挤压与拉伸、预备动作、舞台调度、缓入缓出、弧线、次要动作、节奏、夸张等原则对应到具体的演示动画实现方式,并给出各原则的应用要点、推荐时长以及分步构建序列的参考。文档还总结了 Keynote、PowerPoint、Google Slides 三款软件各自的适用动画类型与技巧,并提供演示者的实操建议,例如按点击触发动画、控制节奏、保持克制、提前演练、准备无动画备份等,帮助使用者制作更有说服力、节奏更合理的演示动效。

设计与创作602 次安装

muapi-freeze-effect-video

muapi-freeze-effect-video 是 samuraigpt/generative-media-skills 中的一项技能方案,用于生成电影感的“冻结效果”视频:时间在画面中途静止,主角穿行于被凝固的世界,最后打一个响指让时间瞬间恢复。该技能通过 muapi 的图像转视频模型(seedance-v2.0-i2v)实现,输入包括一张主角参考照片(用于保持人物面部与身体在所有镜头中一致)、场景描述、冻结瞬间的标志性视觉(如悬停的液体、漂浮的物体)、角色在恢复时间前低语的短句、输出宽高比(16:9 或 9:16)以及时长(建议 10 或 15 秒)。生成过程按时间轴分段编排:正常时间流动、响指引发冲击波并冻结场景、主角独自穿行、停在被冻结的旁观者面前低语、再次响指恢复声音与运动并淡出。方案还包含详细的声音设计(环境声→响指→低频冲击→绝对寂静→脚步声→低语→响指→反向冲击波→欢呼声回归),并强调必须保留音频生成,以呈现效果标志性的听觉弧线。该技能以 LLM 编排方式执行,需先配置 MUAPI_API_KEY,再调用 muapi CLI 命令完成生成。提供方未说明收费、价格或平台限制等更多信息。

设计与创作601 次安装

educator-teacher

Educator-Teacher 是一个面向教学场景的动画设计技能,用于把迪士尼 12 条动画原则应用到教育内容创作中。它适合在制作教学动画、通过动画解释抽象概念、或向学生讲授动画原理时使用。该技能围绕挤压与拉伸、预备动作、舞台调度、逐帧与关键帧、跟随与重叠动作、慢入慢出、弧线、次要动作、时间节奏、夸张、扎实造型、吸引力这 12 条原则,逐条给出教学应用与学习价值的说明,例如用形变表现因果关系、用预备动作降低认知突兀、用舞台调度聚焦学习目标、用慢入慢出匹配认知负荷等。同时提供教学法建议,如将复杂动画切分为学习者可控的片段、提供重播控制、旁白与动画结合的双编码、避免无教学作用的装饰性动画、用动画化评测检验理解,并包含无障碍考虑,如音频描述、字幕、减少动态效果替代方案和带关键帧的文字稿。

设计与创作600 次安装

multiview-fit-loop

multiview-fit-loop 是一个用于 Blender 模型多视图拟合的闭环工作流技能,通过“渲染→对比→调整→再渲染”的循环,将模型逐步对齐到用户提供的前、侧、后、顶视图模板或原图。它要求为每个可用模板视图渲染扁平、与材质无关的剪影,提取模板对象遮罩(排除标签、青色辅助线、背景),并按视图对比边界框中心与尺寸、质心漂移、剪影覆盖率/IoU 以及视觉叠加图。技能会把测量到的偏差转换为模型、相机或配方参数的调整,然后重建或变换模型,重复循环直到通过硬性门槛或记录剩余冲突。它还包含约束一致性检查:若提供的正交模板彼此矛盾(例如侧视图与顶视图给出的深度比例冲突),单个刚性 3D 模型无法同时满足,此时应停止声称最终拟合,输出冲突报告,并创建变体或询问哪个视图为准。硬性门槛包括:所有必需视图都有验证报告和叠加图;边界框中心漂移不超过图像宽度的 1.5%;边界框尺寸漂移正面不超过 3%,侧/顶/背首轮深度不超过 5%;结构部件数量精确;几何变更后纹理 UV 区域仍然有效。脚本 scripts/multiview_fit_report.py 用于比较视图对并输出 JSON 与叠加图。调整规则优先修改配方参数或源几何,而非相机缩放技巧;相机缩放仅在模型尺寸正确后使用。

设计与创作600 次安装

hig-components-content

该技能提供 Apple 人机界面指南(HIG)中关于内容展示组件的设计指导,覆盖图表、集合视图、图像视图、图像井、颜色井、网页视图、活动视图和锁定视图等组件。当用户询问图表组件、集合视图、图像视图等内容展示相关问题时,可依据该技能给出组件推荐、配置建议、无障碍要求及平台差异说明。技能强调适配不同尺寸与场景、保证内容可访问、维持视觉层级、优先使用系统组件、尊重平台惯例、处理空状态并优化性能。

设计与创作599 次安装

ui-skills

ui-skills 是一个面向智能体(Agent)的技能,提供带有明确主张、持续演进的约束规则,用于在构建界面时指导智能体。它适用于需要让 AI 智能体参与界面设计与实现、并希望遵循一套统一设计约束的场景。该技能通过约束与模式引导智能体完成界面相关工作,例如审查界面、识别影响最大的设计问题并提出可直接落地的改进方案。使用时需确保任务与其范围明确匹配,其输出不能替代针对具体环境的验证、测试或专家评审;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。

设计与创作599 次安装

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,每次审查前都会重新抓取,以确保使用最新规则,抓取内容包含全部规则及输出格式说明。使用时,若用户提供了文件或匹配模式参数,则依次执行抓取指南、读取文件、应用全部规则、按规定格式输出结果;若未指定文件,则询问用户需要审查哪些文件。

设计与创作598 次安装

contour-to-mesh

contour-to-mesh 是一个面向 Blender 的建模技能,用于直接从提取出的 2D 轮廓或遮罩(mask)构建网格表面,而不是用近似的椭圆或基本几何体来替代。它适用于吉祥物、Logo 等需要 1:1 还原的轮廓优先建模场景,也适用于从 OpenCV 轮廓生成三角化网格、用测量形状替换通用图元等任务。该技能基于 MCP 后端运行,工作流为:先提取或选定一个结构部件的干净轮廓/遮罩,再用脚本生成三角化网格配方,运行生成的 Blender Python 创建命名网格,立即赋予正面投影 UV,最后仅以不改变 X/Z 边界的方式添加深度并对照源遮罩验证正面渲染。其硬性规则要求边界顶点保持源 X/Z 坐标、深度变形不得改变正面轮廓、一个结构源部件对应一个命名结构网格。

设计与创作598 次安装