Communitygithub.com

media-use

HyperFrames 项目的媒体操作系统,通过单一的 resolve 动词处理 BGM、SFX、图片、图标、品牌标志、语音、色彩校正和 LUT 等所有媒体需求,支持生成、操作、跨项目复用资产。

media-use 是什么?

media-use 是 HyperFrames 项目的媒体全能技能,旨在通过一个统一的 resolve 动词简化所有媒体处理流程。它支持 BGM、SFX、图片、图标、品牌标志、语音、色彩校正和 LUT 等多种媒体类型的解析与生成,并能通过 HeyGen 目录或本地模型(如 Kokoro TTS)填充缺失资源。技能内置了智能媒体机会扫描机制,当检测到剧本文本、占位图、场景切换、曝光问题等信号时,会主动提议语音配音、图标替换、过渡音效、音乐背景或色彩校正等具体优化方案,但仅做一次建议而非持续打扰。此外,它还提供视频字幕、转录、背景移除和媒体操作(裁剪、重构)等能力,并遵循逐步升级的工作流:先分析整体样本,再应用候选方案并通过对比图验证,仅对模糊或关键场景才逐帧处理。对于视觉反馈(如画面暗淡、风格化需求),它会参考 Media Treatments 调整曝光、色阶、颗粒、模糊等效果,但禁止用 CSS/SVG 覆盖绕过 Studio 控制路径。总之,这是一个将搜索噪声保留在磁盘、输出标准化可重用资产路径和元数据的高效媒体工作台。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/jasonfast123/hyperframes-skills/tree/main/skills/media-use

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

media-use 是做什么的?

为 HyperFrames 打造的媒体操作系统:解析 · 生成 · 操作 · 记忆 — 每种媒体类型,一个技能,零上下文噪音。

首次运行:安装并登录 heygen CLI(免费使用路径),然后用 node <SKILL_DIR>/scripts/resolve.mjs --doctor 验证。设置和供应商:references/setup-providers.md。

Resolve — 唯一动词

node <SKILL_DIR>/scripts/resolve.mjs --type <type> --intent "<description>" --project <dir>

返回一行:resolved <id> → <path> (<type>, <metadata>)。所有搜索噪音保留在磁盘上。

类型单行意图
bgm背景音乐(HeyGen 目录,10k+ 曲目)
sfx音效(内置 19 个文件库 + 目录)
image照片、背景(HeyGen 资源搜索,75k+ 矢量)
icon图标、符号(透明背景)
logo官方品牌标志(svgl → simple-icons → GitHub 头像 → favicon;绝不重绘)
voiceTTS 配音(HeyGen 免费使用路径;可选本地 Kokoro)
grade测量校正候选;广泛的润色/风格化遵循 Media Treatments
lut用户提供或明确选择的可复用的已验证 .cube 文件

在解析新资源之前,使用 --candidates 列出可复用的候选资源,并自行判断适用性 — 复用规则、所有标志、导入(--from)和采纳请参见 references/resolve.md。

将广泛的视觉反馈视为媒体意图

当用户明确要求修复、润色、风格化、遮挡、强调或揭示摄影媒体时,请阅读 references/media-treatments.md,即使他们没有提及色彩校正或效果。检查真实的 <img>/<video>,选择一个主要意图,然后使用确定性的持久化和验证。使用匹配的配方作为可选的测试种子,或检查 hyperframes media-treatment --capabilities --json,然后使用 --capability <id> 请求一个相关的系列/效果,并从规范控制中组装自定义处理。普通创作中绝不加载 --all。一个处理可以组合校正、预设、精修、兼容的着色器效果、支持的关键帧以及可选的 Registry 叠加。仅添加来源合理的有界调整和兼容部分,绝不添加仅为使结果看起来更高级的效果。使用 hyperframes media-treatment 持久化最终组合的负载。

使用一个逐步升级的工作流程。对于视频,检查一个标记了早期/中期/晚期的联系表,而不是分别读取帧。对于普通校正或润色,应用一个候选并检查一个后期表。仅在结果模糊、时间相关、风格化、基于 LUT、HDR/LOG 敏感、私有或品牌关键时,才升级到单独帧或移动草案证据。

对于普通校正或润色,持久化最终处理的预设/调整 JSON。不要为了编码曝光、阴影、对比度或色温而生成 .cube LUT。仅当用户提供 LUT 或所选处理显式拥有一个 LUT 时,才使用 LUT。resolve --type grade --for ... --analyze 是测量证据,而非允许用生成的 LUT 替换所选处理。不要用 CSS/SVG 叠加重新创建支持的暗角、颗粒、模糊、像素化、色彩或处理效果;这会绕过 Studio 控件和规范预览/渲染着色器路径。

主动出击 — 运行媒体机会扫描

人类通常无法判断哪些媒体能提升作品。你可以。当你构建或审查一个构图时,执行一次有根据的扫描,然后只问一次 — 不要静默添加,也不要每项资源都唠叨。

仅在检测到具体信号时才提出机会:

检测到的信号提供内容
屏幕文字 / 没有配音的脚本TTS 配音(音频引擎)
Emoji 或作为图标样式的 <div>解析真实的 icon
占位符、尺寸过小或看起来被放大的图像更好的 image(和/或放大 — 见 references/operations.md)
生硬场景切换 / 无声音的转场过渡 sfx
超过约 10 秒且没有音乐背景的片段bgm
看起来曝光不足/过度或带有色偏的素材一个校正性的分级(用 hyperframes media-treatment --selector '#hero' --analyze --json 检查)
视觉上平淡或偏离主题的摄影媒体一个具体的源适配预设或自定义处理,并指明预期目标
感觉静态的重要媒体进场/揭示一个受支持的、seek-safe 的处理动画;除非请求也包含预设,否则保持色彩一致

确保这是帮助而非唠叨的规则:有根据,非泛泛(无信号 → 无建议);有主见且具体(提出具体的修复并带默认选择 — 人类批准全部 / 部分 / 无);每个项目一次(一次性整合请求;尊重“不处理”);提出,永不静默修改(色彩分级尤其如此:提议并预览 — 灰世界“校正”会毁掉有意的日落或霓虹效果)。

查看何处 — 仅阅读任务所需的文件

任务阅读
resolve / reuse / adopt / ingest、标志、级联、库存references/resolve.md
色彩分级、LUT、智能分级(--for)、分级比较references/grading.md
配音 / TTS、音乐、SFX、字幕、转录(音频引擎)references/audio.md
剪切 / 重构 / 变换现有媒体、精确错误扩散、HEVCreferences/operations.md
源感知创意处理、实时效果、叠加、揭示references/media-treatments.md
安装 + 认证、供应商表、内存阶梯、--local-only、--providerreferences/setup-providers.md
记住的偏好 + 冻结的配方(用户记忆)references/memory.md
所有权矩阵、使用统计、遥测、隐私(面向维护者)references/meta.md

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

embedded-captions

>

faceless-explainer

Turn arbitrary text — an article, notes, a topic, a brief — into a faceless explainer video: there is no site or footage to capture, so the visuals are invented per scene (typography, abstract graphics, diagrams, data-viz). Use for topic explainers, concept breakdowns, how-tos, listicles. Not a video built from a website (/product-launch-video — promo or tour). Unclear → /hyperframes.

figma

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

general-video

>

hyperframes

>

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition

hyperframes-audio

>

hyperframes-cli

>

hyperframes-core

The HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class=

hyperframes-creative

Non-animation creative direction for HyperFrames videos. Use for design spec (frame.md / design.md) handling, palettes, typography, narration, beat planning, audio-reactive visuals, composition patterns, and brand / style decisions. For atomic motion patterns and scene blueprints, use `hyperframes-animation`.

hyperframes-keyframes

>

hyperframes-registry

Install, discover, and wire registry blocks and components into HyperFrames compositions. Use when running hyperframes add or hyperframes catalog, installing one item or every block matching a tag, wiring an installed item into index.html, or working with hyperframes.json. Covers discovery, install locations, block sub-composition wiring, component snippet merging, and authoring a new block or component to contribute upstream (idea → scaffold → validate → PR).

jasonfast123/hyperframes-skills

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI), connector-assisted motion when available, and shaders from a connector or native export. Use when the user pastes a figma.com link or asks to bring a Figma design, frame, logo, brand, or animation into a video/composition.

motion-graphics

>

music-to-video

Turn a music track (an audio file, a video to pull audio from, or a track generated from a mood brief) into a beat-synced video — lyric video, slideshow, or kinetic promo. The music drives all pacing; any user-supplied images/videos are cut onto the same beat grid, and a complete video needs zero assets. Narrated pieces → the input-matched workflow (see /hyperframes). Unclear → /hyperframes.

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or

remotion-to-hyperframes

Port an existing Remotion (React) composition

slideshow

>

talking-head-recut

Package an existing talking-head / interview / podcast video with timed, designed GRAPHIC OVERLAY cards — kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture — synced to the transcript, on a 16:9 / 9:16 / 4:5 canvas of your choice; the clip plays untouched underneath. Trigger on

相关技能