SuperAPI AI 工具集

cover-design

设计与创作

查看项目

更新于 10-16 00:01

技能介绍

用途:用 HTML/CSS 手写封面,再通过浏览器截图输出 PNG,文字位置与字体精确可控,适合视频缩略图、文章题图、社交分享卡等排版驱动场景。需要插画或 AI 生图时改用 cover-image。

主要能力:提供 hero-typography、swiss、neo-brutalism、bauhaus、editorial、brutalism、aurora、glass-dark、terminal、noir-editorial、spotlight、blueprint、holographic、quiet-dark、editorial-index 等风格模板,每风格含横屏与竖屏两版,可变内容通过 CSS 变量或占位符暴露。

输出比例:16:9(1920×1080,YouTube、横屏短视频)、16:10(1920×1200,Bilibili)、9:16(1080×1920,抖音、视频号)、3:4(1080×1440,视频号官方封面、抖音九宫格);同一 HTML 改 --cv-h 即可切换比例。

用法:先收集平台比例、主标题、副标题、品牌信息与强调色;讲具体产品时运行 scripts/extract-brand-theme.sh https://产品官网 提取品牌色与字体;选取模板后替换占位符写入 HTML;用 scripts/render-cover.sh cover.html ~/covers/<slug> 渲染横屏 16x9+16x10,竖屏用 scripts/render-cover.sh cover-v.html ~/covers/<slug> 9x16 3x4。批量出图应走脚本。

限制:不自动发布,只产出 PNG;不负责插画或 AI 生图;模板与平台规格、安全区、品牌 logo 来源等信息以技能内 references 为准,资料未提供实际效果或收费说明。