SuperAPI AI 工具集

social-carousel

设计与创作

查看项目

更新于 10-16 01:20

技能介绍

用途:生成三张 1080×1080 的方形社交媒体轮播卡,三张为一个系列,每张也可独立阅读。

主要能力:读取当前 DESIGN.md,从标题字体中选用最醒目的衬线字体,用等宽字体处理徽标与计数;从简报中选主题与三条文案,三条文案叠起来须读作同一句话。舞台为全出血暗色页面,含顶部标题栏、左侧衬线斜体展示标题、下方灰色等宽一行说明、右侧等宽徽标“SERIES · 01 → 03”。三张卡片横向排列,窄视口堆叠,圆角 12px、1px 描边与柔和阴影。背景只用 radial-gradient 加 linear-gradient 模拟电影感照片,不使用图片;每张卡含左上品牌字标与微索引、左下白色衬线标题锁定(其中一词斜体强调)、右下带细边框的 1× LOOP 等宽印章、底部小号大写字等宽字幕描述画面。

使用方式:输出一个 HTML 文档,从 <!doctype html> 到 </html>,CSS 内联;卡片宽度用 width: clamp(280px, 30vw, 380px),使三张在多数桌面端并排、小于 1100px 时堆叠;在舞台、每张卡和每个标题上添加 data-od-id。最终以 <artifact identifier="carousel-slug" type="text/html" title="Carousel — Title"> 包裹输出,artifact 前一句话,之后无内容。

限制:自检要求三条标题合为一句话且有电影感;等宽字体仅用于字标索引、循环印章和底部字幕,标题保持衬线;三张卡的主色调须各不相同。资料未提供可直接运行的安装命令、收费或价格信息。