general-video
这是 LangChain 官方 design-agent 仓库中的一个技能，用于在现有 HyperFrames 制作流程都不适用，或 BRIEF.md 指定 flow: companion 时，自行编写或编辑自定义 HyperFrames 视频合成。它面向较长或多场景的视频片段，提供从项目初始化、读取 BRIEF、规划分镜、搭建场景、装配转场与音频，到校验和渲染审批的完整执行流程；同时定义媒体、Figma 等跨流程适配方式，以及用量检查、技能更新等前置操作。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-06 00:14
设计与创作
22,131 个结果
gif-edit
gif-edit 是一个用于编辑动态 GIF 与屏幕录制 GIF 的技能，基于 ffmpeg 和 sharp 完成机械性修改，包括重构图到精确尺寸、替换画面中的文字、调整时间节奏、裁剪或重排循环、添加收尾帧等。它强调以逐帧方式处理、在整条时间线上校验、最后统一编码，避免在静帧上判断裁剪或换字导致动画过程中出错。技能内含针对屏幕录制的取景与尺寸调整参考，也列出常见陷阱，如不要对被动画内容使用边缘涂抹填充、不要为匹配尺寸拉伸画面、不要用插帧降帧方式放慢速度、文字应重新排版而非放大位图，并要求交付前用 ffprobe 检查编码后的 GIF 本身。
hyperframes
HyperFrames 是一个从 HTML 渲染视频的创作框架与技能入口。它把视频合成定义为一个 HTML 文件：DOM 通过 data-* 属性声明时间轴，动画运行时支持可寻址（seekable），媒体播放由框架统一管理。该技能是所有视频、动画或动态图形请求（包括宣传片等）的强制入口点，负责先检查用量、判断项目状态、路由到对应工作流，再按需加载领域技能。它支持从现有 Remotion 源码移植、演示文稿、字幕、口播重剪、音乐卡点、动态图形、PR 讲解、产品发布视频、无脸解说以及通用视频等多种工作流，并提供 Studio 预览编辑器与 HyperFrames 桌面应用（含聊天助手 Framey）用于持续编辑。
hyperframes-animation
HyperFrames 动画技能整合了 HyperFrames 所需的全部动画知识，包括原子运动规则、多阶段场景蓝图、场景转场、更广泛的运动设计技法，以及各运行时的适配接口。该技能以 GSAP 为默认运行时，并列出 Lottie、Three.js、Anime.js、CSS、WAAPI、TypeGPU/WebGPU 等可选方案，给出按需求选择运行时的路由表；同时规定组合契约，要求单一暂停时间线、确定性渲染、预计算布局常量等约束，并提供 animation-map 脚本用于审计编排。
hyperframes-audio
HyperFrames Audio 是 HyperFrames 设计代理中的音频混音技能，用于处理已放入 HyperFrames 合成中的音频。它负责已放置音轨的淡入淡出、交叉淡化包络、音轨增益与音量、音量与效果自动化、闪避（ducking）与旁白挖空（voiceover carve）以及效果链。效果以 data-fx-chain 属性写在音频/视频元素上，预览与渲染共用同一套 Web Audio 图，因此试听与最终输出一致。技能提供 gain、EQ、compressor、limiter、truepeak、gate、saturate、delay、reverb、chorus、phaser、bitcrush 等效果族，并附带预设、命名任务与症状到修复的对照表。
hyperframes-cli
HyperFrames CLI 是 HyperFrames 的视频项目命令行工具，用于从零搭建、编写、检查、预览并渲染基于 HTML 的动效合成视频。它提供 init、add、catalog、capture、lint、check、snapshot、compare、grade-compare、preview、play、present、beats、keyframes 等命令，覆盖素材查找、时间线查看、子合成快照、渲染质量分级与项目历史撤销等环节。运行需 Node.js 22 及以上和 FFmpeg，通常以 npx hyperframes 调用。CLI 支持本地草稿快速迭代、多档编码质量、Docker 可复现渲染、变量驱动批量渲染，以及 HeyGen 托管、AWS Lambda、GCP Cloud Run 等云端渲染方式，并强调渲染前必须完成检查与最终预览审批。
hyperframes-core
HyperFrames Core 是 HyperFrames 的合成技术契约，用于构建一个可渲染的 HTML 视频项目。它规定了合成结构、基于 data-* 的时间属性、以 class="clip" 标识的片段、轨道分层，以及可寻址的动画时间线的组织方式。该技能面向通过 HTML 生成视频的场景，指导开发者如何声明合成根节点、注册暂停的 GSAP 时间线、处理子合成与模板包装、放置媒体元素并设置音量与裁剪。同时提供 lint 检查与运行时预览验证流程，帮助避免常见构建错误，如 CSS 变换冲突、媒体元素缺少 id、时间属性嵌套冲突、动画作用于 clip 元素等。文档分为构建指南与多个参考文件，涵盖最小合成骨架、数据属性详细说明、轨道与片段管理、编辑配方、确定性规则、Tailwind 集成等内容。
hyperframes-creative
HyperFrames 视频的非动画创意指导技能，用于处理设计规范（frame.md / design.md）、配色、字体、旁白与节拍规划等。该技能属于 langchain-ai/design-agent，需在 hyperframes-core 完成技术约定后使用，动画相关的动效模式、场景蓝图与转场则交由 hyperframes-animation 处理。
hyperframes-keyframes
HyperFrames Keyframes 是用于 HyperFrames 合成中的关键帧(视觉运动)技能，适用于推进/拉远(punch-in/punch-out)、缩放、重新取景、Ken Burns 运镜、镜头移动、视觉匹配/甩镜(whip pan)切换等需要“可定位(seek-safe)”运行时的动画。它把关键帧视为一种“姿态契约”：可见状态、连续的主体身份、可定位的运行时和经过验证的像素。该技能只负责视觉运动，不负责剪辑拼装；硬切、裁剪、拼接、重排等由 /hyperframes-core 负责，声音淡入淡出等由 /hyperframes-audio 负责。关键帧通过 GSAP、CSS keyframes、Anime.js 或 WAAPI 编写，要求有限时长、确定性构建、不依赖时间戳或随机数、禁止悬停/滚动触发和无限循环，并通过 hyperframes check、keyframes、--shot 和 snapshot 等命令验证。只据资料事实整理，未提及平台与收费信息。
hyperframes-registry
hyperframes-registry 是 HyperFrames 的注册表技能，用于搜索、安装并将注册表中的区块（Blocks）与组件（Components）接入 HyperFrames 合成。它提供 hyperframes add 安装命令、catalog 目录检索、区块与组件的接线方式，以及在目录缺少所需效果时通过 feedback 提交缺口报告的流程。
image-generation
image-generation 是 langchain-ai/design-agent 中的一个图像生成技能，通过宿主提供的 generate_image 工具生成原创图像，适用于插画、场景、纹理、主体物、故事板视觉稿以及透明背景素材。该技能强调按用途选择工具：文字主导的版式、图表、真实界面应使用 HTML、数据可视化或真实截图，而非图像模型。生成结果可交给 stills 等工具叠加真实文字与品牌标志，形成完整成品。
launch-film
launch-film 是一个面向影视发布片、预告片或复刻片的导演与制作技能，由 LangChain AI 的 design-agent 提供。它负责从简报、故事板审批、动画分镜、并行动作制作、评审到最终渲染与交付的全流程，适合 30 秒到 3 分钟的短片。技能内定义了导演与制作人的职责边界、审批节点、并行构建与评审机制，并提供 run_pipeline 与手动逐任务两种运行方式。
media-use
media-use 是 HyperFrames 项目中的媒体操作系统技能，用于将背景音乐（BGM）、音效（SFX）、图片、图标、品牌标志、语音、调色和 LUT 解析为冻结的本地文件或可直接粘贴的片段。它通过统一的 resolve 命令检索或生成各类媒体，并以单行结果返回路径与元数据；支持复用候选、摄取已有素材、记住偏好，并可结合音视频处理、智能调色与创意媒体处理等参考文档使用。
motion-graphics
motion-graphics 是一个由 langchain-ai/design-agent 提供的 HyperFrames 技能，用于制作短小、以设计为导向、无旁白的动态图形。其核心理念是“运动即信息”，时长通常在 10 秒以内，适合动态字体、数字滚动计数、图表/数据可视化亮点、Logo 动画/品牌锁定、下三分之一字幕条等。该技能通过一套分阶段流程（初始化、规划、素材获取、设计、构建、验证、审批、渲染）自动执行，先确定素材策略并获取真实素材，再围绕素材设计镜头，最后复用目录中的构建块完成合成。它支持无需搜索的形态类（动态字体、统计、图表、Logo 揭示、下三分之一、地图）和搜索驱动类（网页、新闻、推文、素材融合）。渲染由用户确认后触发，可输出 MP4 或透明叠加格式。
music-to-video
music-to-video 是一个音乐驱动的节拍同步视频生成工作流，属于 HyperFrames 技能体系。它接收一首音乐（可以是音频文件、从视频中提取的音频，或根据情绪简报生成的曲目），结合用户可选提供的图片或视频素材，通过分析音乐节拍与能量结构，将曲目切分为若干帧并规划每帧的视觉呈现，最终渲染成与节拍同步的视频，适用于歌词视频、幻灯片或其它基于音乐的动态视频。整个过程以音乐为骨架，分为设置、分析、骨架搭建、计划填充、逐帧构建、组装与渲染等步骤，其中计划审批与渲染审批为需要用户参与的关键检查点。
remotion-to-hyperframes
该技能用于将已有的 Remotion（React）视频合成源码单向移植为 HyperFrames（HTML + GSAP）合成，仅在用户明确要求迁移、转换或翻译 Remotion 源码时使用。流程包括：先用脚本检查源码是否存在无法翻译的模式；按 API 映射表规划翻译；生成带场景子合成的 index.html；渲染并与 Remotion 基线做 SSIM 对比验证；最后记录翻译差异。不支持反向导出，也不支持非 Remotion 来源（如 After Effects、Framer Motion）。
slideshow
这是 HyperFrames 的演示文稿编写技能：把普通的 HyperFrames 合成（场景、片段、GSAP 时间线）扩展为可导航的幻灯片演示，支持离散幻灯片、分步揭示（fragment）、热点分支导航和演讲者备注。通过一份 JSON 清单（island）声明幻灯片顺序、备注、分步展示时刻、热点及分支序列，由播放器的 SlideshowController 驱动演示。适用于演示文稿、路演 Deck、交互式 Deck 以及将网页转换为幻灯片等场景。
alerting-strategies
一套设计有效告警策略的技能，帮助团队只对真实用户影响告警、减少噪音与告警疲劳。涵盖严重级别、基于症状/SLO的告警类型、多窗口燃烧率、告警设计模式、降噪清单、路由与文档模板。
edgespeak-align
EdgeSpeak Align 是在本机对音频/视频与已知文本做强制对齐、输出词级时间戳（开始、结束、置信分）的技能，底层调用 edgespeak-cli align，音频不离开设备。适用于字幕、卡拉OK 等场景。
edgespeak-karaoke
EdgeSpeak Karaoke 可将一次 EdgeSpeak 转录结果生成逐词高亮（卡拉OK）ASS 字幕，支持双语第二行翻译，并可用 FFmpeg 烧录进本地视频。附带零依赖 Node.js 脚本，提供确定性 ASS 生成、真实帧样式预览与硬字幕渲染。
edgespeak-transcribe
EdgeSpeak Transcribe 是一个在设备本地把音频或视频转成文本、JSON 或 SRT 的技能，音频不离开本机，可选词级时间戳、匿名说话人分离等能力。
edgespeak-video-voice
为代码生成的视频添加本地离线配音与逐词同步字幕的技能，串接语音合成与词级对齐，输出 cue 表供 HyperFrames、Remotion、Canvas、Manim 等使用。需 edgespeak-cli 0.6.1+。
cli-smoke-recipes
cli-smoke-recipes 是一套为纯函数式数据转换模块设计 CLI 暴露方式的实践模式：为每个模块提供 info、decode/parse、encode/render、identify/validate 等子命令，并按子命令编写 justfile recipe 与遍历全部输入样本的批量 smoke recipe，用于早期捕获格式漂移、往返不一致与解析崩溃等问题。
comfy-subgraphs-app-mode
介绍 ComfyUI 前端的三项工作流复用与简化功能：Subgraphs（子图）、Subgraph Blueprints（子图蓝图）与 App Mode（应用模式），说明各功能的版本门槛、交互操作方式、蓝图快照式复用与手动版本管理的限制、蓝图在服务端的存放位置，以及 App Mode 的表单化界面与配置存储位置。本技能面向“选择以何种方式打包复用工作流”的决策场景；若需以编程方式编辑子图 JSON 结构，则应改用 comfy-workflow-json 技能。