用途
media-production 是一个设计与动效制作的总入口技能,用于把新的设计或动效请求路由到正确的制作管线与子技能。核心判断依据是「用户最终会收到什么」,据此选择管线,再打开对应技能。
主要能力与管线对照
资料给出的产出与管线对应关系如下:
- 单张图片、多种尺寸广告套件、社交卡片、横幅、分页 PDF:HTML 静态图在浏览器中渲染,每个尺寸重新排版,对应 stills。
- 演示文稿(deck):HyperFrames 幻灯片(动画)或 HTML-to-PDF(静态),对应 stills、slideshow。
- 图表、数据卡或示意图:通过 ECharts 或 D2 的 JSON 规格并带品牌 token,对应 data-viz。
- 已编辑图像(裁剪、缩放、抠图、合成、格式转换):对文件执行 img.mjs 操作,对应 image-ops。
- 生成图像、纹理或底图:先用 generate_image,再做 image-ops,对应 image-generation。
- GIF:短渲染或片段,调色板优化,对应 gif-edit。
- 缩略图:一组静态图并做可读性检查,对应 thumbnails。
- 分镜:从 HTML 或 HyperFrames 快照取帧,合成一张 contact sheet,对应 storyboard。
- 视频、动画或动效图形:分镜、动态分镜、HyperFrames 合成、渲染,对应 storyboard、motion-direction、hyperframes。
- 1-3 分钟发布影片:launch_film 管线(run_pipeline),对应 launch-film。
- 语音、音乐或声音:宿主音频工具,然后进入混音器,对应 sound。
- 参考影片拆解:测量剪辑、时间与音频后对比,对应 film-breakdown。
- 从他人分享的影片中学习:逐帧研究并写入 workspace/references/,对应 reference-study。
若请求模糊,先用 content-brief:最多两个问题,每个都附带原因;否则直接决定并说明决定了什么。
判断与规范
每条管线旁都有判断层:brand-design 负责概念把关(ground、accent、type),并保持所提供参考的结构;design-wiki 负责层级、排版、颜色、布局、平台规格与评审标准。对于有多个产出或硬性要求的任务,按 brand-design 的示例编写 artifact-contract.json,并在计划与最终阶段用 artifact-contract.mjs 检查。
工作区组织
每个任务位于 /workspace/projects/<slug>/,包含 BRIEF.md(用你的话复述需求)、PLAN.md(超过几分钟的任务需要)、sources、compositions、renders/ 和 review/。线程中放入的文件位于 /workspace/attachments/。
交付前检查
- 运行 node /workspace/tools/brand-lint.mjs <composition.html> 并通过(exit 0)。exit 1 表示需要修复合成;exit 2 表示门禁无法运行,需要报告而非忽略。
- 亲自查看每个输出(用文件与一个问题查看;visual-verify 说明如何做),修正不对之处。
- 按需求核对输出:node /workspace/tools/artifact-contract.mjs --expect <file>:<W>x<H> ....
- 用 upload_files 交付,然后用一两行说明你做了哪些调用。
动效任务在任何渲染前额外运行 node /workspace/tools/video-gate.mjs <index.html> 与 hyperframes check(它也会 lint),并在生产前完成分镜签核。
环境限制
沙箱没有网络。合成所需加载的文件要复制到旁边:GSAP 从 /opt/design-agent/render/node_modules/gsap/dist/gsap.min.js,品牌 tokens.css 与 logos 从 /workspace/brand/。上游 HyperFrames 示例从 CDN 加载库,在本环境会失败。
Paper 集成
当 Paper 已连接且工作内容可能被反复微调(布局、分镜、缩略图),也在画布上起草(paper-design)。无论 Paper 是否连接,线程中始终提供可审批的图片。
适用场景
适合需要统一设计或动效生产流程、先明确产出形态再进入对应技能、并要求交付前完成品牌检查与规格核对的场景。
限制
资料未提供具体收费、价格、平台支持范围或明确的使用步骤细节;沙箱无网络,依赖外部 CDN 的示例不可用。