SuperAPI AI 工具集

Skill 广场

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

更新于 11-05 00:16

设计与创作

22,045 个结果

baufest-brand

Baufest 品牌规范技能,用于将 Baufest 的视觉与语言识别系统应用到各类交付物中,包括文档、演示文稿、应用、邮件及生成内容。该技能提供完整的颜色调色板(黑色、洋红 #FF02AD、霓虹绿 #AFFF00、白色及扩展中性色)、字体栈(标题 Barlow Semicondensed、正文 Montserrat、代码 JetBrains Mono)、CSS 变量、语音与语调指南,以及针对文档、演示、代码、邮件和数据可视化的具体应用规则。

设计与创作5 次安装

animated-video-philosophy

这是一个面向动画视频创作的“故事优先”动态设计理念技能,包含一份完整的工作哲学文档。它强调动效必须有其存在理由,叙事应遵循建立、复杂化、解决的弧线,并区分展示与讲述、以镜头为基本单位等原则。使用前需通读 philosophy.md,并通过文末五个问题对创作进行把关;在节奏或韵律出现问题时,应优先参考相关章节而非仅调整缓动。适合需要为动画视频提供创意方向、审片或组织场景结构的创作者。

设计与创作5 次安装

example-canvas

example-canvas 是 Helios 项目中的一个示例与模式集合,用于演示如何在没有框架的情况下,将 Helios 与原生 HTML5 Canvas API 结合使用,目标是构建高性能的 2D/3D 动画。资料给出的核心用法是:先在 HTML 中放置 canvas 元素并引入模块脚本,再在脚本中从 @helios-project/core 导入 Helios,设置画布宽高与 Helios 的时长、帧率,调用 bindToDocumentTimeline 绑定文档时间线,并订阅状态在每一帧执行绘制函数。资料还提供了简单的矩形位移动画示例代码,以及预计算数值、使用 OffscreenCanvas、减少绘图状态切换等性能建议。该资料未提供收费、平台支持范围、安装步骤或 3D 具体用法等信息。

设计与创作5 次安装

example-lottie

该技能提供在 Helios 时间轴中同步渲染 Lottie(Bodymovin)JSON 动画的集成模式。核心做法是关闭 lottie-web 的自动播放,通过 Helios 的订阅回调,把当前帧按 fps 换算为毫秒,再用 goToAndStop(timeMs, false) 以时间基准精确跳转 Lottie 实例,从而让 Lottie 动画与 Helios 时间线保持同步。适用于需要在基于 Helios 的动画或渲染场景中逐帧、可复现地控制 Lottie 播放进度的开发者。

设计与创作5 次安装

helios-core

Helios Core 是 Helios 视频引擎的核心 API(npm 包 @helios-project/core),以 headless 方式管理视频合成的时间线状态,提供帧级精度的播放控制与动画驱动。它可创建 Helios 实例,配置时长、帧率、分辨率、输入属性、音频轨道、字幕与标记,并通过订阅机制在状态变化时渲染帧。还提供播放/暂停/跳帧、播放区间、音量与静音、SRT 字幕、时间线标记、document.timeline 绑定、异步稳定性注册、浏览器能力诊断、RenderSession 逐帧迭代、响应式 signals、弹簧物理、序列编排、错峰、位移、插值等动画辅助工具,以及用于 AI 上下文的系统提示生成和 inputProps 的 JSON Schema 校验。

设计与创作5 次安装

make-video

make-video 是 Helios 项目中的视频生成技能,用于通过编写代码来制作视频,例如动态图形、产品发布与讲解视频、动画短片、动态图表与数据可视化、Logo 揭示、社交媒体短片以及配乐视频。它的核心思路是:一个视频就是一个 HTML 页面,页面暴露一个 window.renderAt(t) 函数,负责绘制 t 秒处的画面;Helios 渲染器在无头 Chrome 中加载该页面,按帧调用 renderAt(t)、捕获每一帧并编码为 MP4,无需打包工具、框架或额外的捕获脚本。命令行提供 render、still、sheet、verify、check、analyze 等能力,分别用于渲染、预览关键帧、生成联系表、校验时间函数、检查成片和质量分析配乐节奏。

设计与创作5 次安装

motion-design-rules

这是 Helios 代码化视频的动效设计规则框架,用于指导程序化视频创作。它提出反幻灯片架构:全局元素跨场景持续存在;画面至少四层视觉堆栈;全片统一物理缓动;入场编排与错峰;眯眼测试;转场连续性;按音频节拍对时,可先用 CLI 分析音轨生成节拍与事件数据;用脚本可执行的校验命令检查确定性与闪烁。适合用代码生成品牌视频、产品发布片、社交短视频和音乐卡点内容时作为创意规格与实现约束。

设计与创作5 次安装

render-video

用于将 Helios 合成渲染为视频文件的工作流技能,适合自动化视频生产或导出高质量动画。它基于 @helios-project/renderer,在 Node.js 环境中逐帧捕获并编码为 MP4 等视频。最简单的用法是执行一条 CLI 命令,时长、帧率与尺寸可取自合成中的 window.helios,也可用参数指定;支持添加音轨、输入属性与进度回调,适用于需要定制管线的场景。资料还提供自定义 render.js 脚本示例及页面超时、黑屏、渲染挂起、音频问题等排查说明。

设计与创作5 次安装