SuperAPI AI 工具集

card-skill

设计与创作

查看项目

更新于 10-15 23:46

技能介绍

用途:card-skill 将文本内容转换为设计好的 PNG 图片,可渲染文章、引语、笔记等为信息图、海报、视觉卡片、样机或风格化图形。内容进去,PNG 出来,模具决定形状。

主要能力:提供多种模式——big(大字报)、long(长文)、whiteboard(白板推理)、poster(多卡)、infograph(信息图)、comic(漫画)、sketchnote(叙事速记)。其中 big、long、whiteboard、poster 可走 CLI 快速渲染;infograph、comic、sketchnote 为 AI-only 模式,需创意布局。内置 18 套品牌设计系统与 8 种内容色调索引,共 26 种。

使用方式:先做渲染路由判断,内容结构清晰则提取符合 schema 的 JSON 写入 card_input.json,调用 node scripts/card.js --input card_input.json --output ~/Downloads/{name}.png;失败则降级到 AI 全流程。AI 流程包括读取品味与设计索引、分析内容三维特征、匹配 3-5 个候选设计系统、用户确认、按模式选模板渲染、自检、4K 截图(node assets/capture4k.js <html_path> <png_path> 1080 800 2 fullpage)、交付。可用 --design 指定设计系统跳过候选,--dpr 设设备像素比(默认 2),--author 设署名(默认 Kenny Wu),--photo 设头像。

适用场景:把文章、金句、笔记做成信息图、海报、视觉卡片、白板或风格化图形,适合需要快速产出视觉化内容的人。

限制:infograph、comic、sketchnote 无法 schema 化,必须走 AI 流程;comic 使用固定黑白调色板,设计系统色彩 token 不生效;模板 CSS 宽度为 1080px,capture4k.js 的 width 参数是 viewport 宽度而非输出宽度;多卡批次需锁定共享 CSS 变量与字号梯度,禁止跨卡漂移。具体收费、价格、平台等信息暂未提供。