SuperAPI AI 工具集

infographic-generator

前端与建站

查看项目

更新于 10-15 23:47

技能介绍

用途:一站式配图生成流水线,输入写作主题和内容大纲,自动生成精美 HTML 页面并截图为 PNG,适合公众号配图、信息图与截图需求。触发关键词包括“帮我做配图”“公众号配图”“生成截图”“生成信息图”。

主要能力:内置四种设计风格,默认全部生成供挑选——暗黑(linear/,深黑 #08090A 加紫色,适合技术类、SaaS、开发者)、明亮(apple/,纯白加蓝色,适合产品发布、品牌宣发)、人文(stripe/,奶油色加赭色与 Georgia 衬线,适合深度长文)、侘寂(muji/,纸白极简去色,适合生活方式、设计美学)。可指定只生成某几种风格。

使用方式:提供主题与要点后,流程分三阶段。Phase 1 解析内容,提取标题、副标题、品牌名、sections 与关键数据;Phase 2 生成单文件 HTML,内置四套 CSS 主题变量,页面结构为 Hero 到 Footer,右下角有浮动主题切换按钮,至少 3-5 屏内容;Phase 3 由 wechat-full.js 调用 Playwright 自动截图,输出到 screenshots/{linear,apple,stripe,muji}/。截图参数为 750×1334 手机竖屏、2x Retina、全页长截图。

文件与依赖:SKILL.md 定义工作流,theme-recipes.json 是四套主题 CSS token 的唯一真相源,generate-garden-page.js 为内容驱动的页面生成器。依赖 playwright,需执行 npx playwright install chromium。主题系统为纯 CSS :root 与 [data-theme] 变量,无框架依赖。可先分析话题或先写文章,再用本工具生成配图。

限制:资料未提供收费、价格、平台兼容性与效果保证等信息。