请阅读此技能中的 readme.md 文件,并探索其他可用文件。 如果要创建视觉产物(Reels、图形叠加、动态片段、模拟稿),请将资产复制出来,并创建静态 HTML 文件供用户查看。如果处理生产代码,请复制资产并遵循此处的规则。 如果用户调用此技能时没有提供其他指导,请询问他们正在制作什么视频(主题、时长、平台、已有素材),然后为其设计图形。
创作者:Emkarok (@emkarok) — Instagram Reels、TikTok、YouTube Shorts。安全区域默认 platform="all"。
输出:A = 完整 Reel MP4(素材在此合成);B = 仅图形,置于洋红色 #FF00FF 键控背景上,用于 CapCut/Premiere/Final Cut(在时间线页面上调整导出设置)。
快速规则:
- 画布 1080 × 1920。以画布像素定位图形;保持文本远离安全区域(顶部 160、底部 440、右侧 160)。
- 每个图形接受
progress(0–1 进入)和exit(0–1)。通过一个时间线时钟驱动它们(参见ui_kits/reel/)。 - 品牌色 = 天空渐变
--accent-gradient(#61D4FE → #FFFFFF),搭配深色墨水文本;白色文字使用--shadow-text-footage叠加在素材上;在繁忙的画面中使用墨水底色。 - 引导句/字幕使用 Plus Jakarta Sans 800;提示/用户名使用 Martian Mono。
- 文本通过 ASCII 解码进入(
AsciiText progress);唯一的转场是GlyphTransition。 - 每次屏幕只显示一个图形创意。图形中不使用 emoji。
- 讲解员布局:在浅色工作室网格上使用
SplitPresenter(顶部 +CardWall);头部弹出需要去掉背景的素材剪辑副本。 - 科技感外观:
ScanSweep→TrackBox(人脸/物体)+HudReadout角落数据;将追踪器放置在素材的变换图层内。 - 视觉 HUD:
DepthScan、ObjectTags、Viewfinder、ContourMap(+CompassStrip)、TerminalLog、ThermalView。画布上的元素需要同源静止帧(src+fit);传递zoom以跟随推近效果。框/标签坐标按每帧测量——对于新素材需重新测量。 - 讲解员:
FileDrop(光标将剪辑拖入文件夹)——每个文件约 1.5 秒。 - 素材必须为图形留出空间:参见 readme.md 中的 FOOTAGE 和
ShotGuide预设(说话头、广角、产品、B-roll、尾卡)。文字下方的素材应为中暗调、SDR、锁定曝光,避免天蓝或白色背景。