SuperAPI AI 工具集

create-html-carousel

前端与建站

查看项目

更新于 10-15 21:54

技能介绍

用途:把 LinkedIn 轮播帖做成正方形(1080×1080px)PNG 图片,适合信息型多图内容,如技巧、工作流、清单、框架,而非正式演示文稿。\n\n主要能力:提供话题、格式、页数、品牌署名等输入问答;支持预设视觉风格(如 Bold Signal、Dark Botanical、Notebook Tabs、Pastel Geometry、Neon Cyber、Split Pastel),也可先出 2-3 张预览再选;生成固定尺寸 HTML 幻灯片后,用 Playwright 自动逐页截图导出 PNG。\n\n内容结构:封面(钩子+标题+品牌)、内容页(每页一个要点)、结尾页(CTA/总结/关注引导)。规范为上限定 10 张、推荐 5-8 张、单图小于 10MB。\n\n使用方式:文件保存到共享资源目录,结构含 index.html、slides/slide-XX.html、exports/。首次在技能目录执行 npm install 安装 Playwright,生成 HTML 后运行 node screenshot-slides.js carousel-name,脚本将视口设为 1080×1080px、等待字体动画后截图,输出到 exports/。\n\n适用场景:"5 个 AI GTM 工作流"、分步指南、清单盘点、框架说明、前后对比案例等。不适用于长演示、视频或单图帖子。\n\n限制:需本地安装 Node.js 与 Playwright 依赖;字体加载、模糊或内容溢出、颜色偏差各有对应排查建议(如 networkidle、deviceScaleFactor 2、改用 sRGB 十六进制色);页面排版类细节需按预设样式调整,部分样式说明见 STYLE_PRESETS.md。资料未提供收费、价格与平台适配细节。