SuperAPI AI 工具集

hyperframes-card-news

设计与创作

查看项目

更新于 10-16 05:02

技能介绍

用途:制作 Instagram 信息流/轮播用的卡片新闻,面向移动端静止画面加滑动模拟 mp4,而非 1920×1080 横版视频;适合 10 张以内、每卡一条核心信息的短内容。

主要能力:提供 portrait(1080×1350,4:5,默认)与 square(1080×1080,1:1)两种画布,变体在生成主题时通过选择起始模板决定,无运行时切换。四种卡片模板:photo-cover(全幅照片+品牌/来源黑框+底部大标题)、video-cover(stage 直属短视频+叠加卡片+底部大标题)、stat(一个大数字+标签+简短说明)、image-feature(图片框+模糊/渐变背景+标题+正文)。卡片细节由 hyperframes-card-news-work-* 子技能负责,AI 新闻封面可配合 hyperframes-card-news-fomo-image-direction 规划图片方向。

使用方式:复制起始模板到 topics/<主题>,修改 meta.json,组合四种模板,用 npx hyperframes lint topics/<主题> 校验,npx hyperframes render topics/<主题> 渲染 mp4。总览页复制 overview-template.html 并替换 :root 变量,含图片时用 bash .codex/skills/hyperframes-overview/serve.sh topics/<主题> 8766 通过 HTTP 服务查看。

限制:不支持 Instagram Reels 的 9:16;卡片需 class="card clip" 与 data-start/data-duration/data-track-index,时间线注册到 window.__timelines["main"],韩文文本用 word-break: keep-all;不创建四种模板之外的卡片类型;AI 生成图片需标注避免被误认为现场照片。Instagram 正文文案由 hyperframes-instagram-caption 单独负责。