SuperAPI AI 工具集

visual-note-card

前端与建站

查看项目

更新于 10-15 20:05

技能介绍

用途:把用户给定的主题或文章内容,整理成一张信息密度高、海报式的中文视觉笔记卡片(视觉笔记/信息图),默认同时产出 HTML 与 PNG。

主要能力:采用固定 1200px 宽的海报布局,包含顶部标签栏、双语主标题与核心观点、可 2–6 列的框架卡片行、左右双栏内容区(深色面板讲问题与转变,浅色面板列编号要点)、底部高亮公式栏、页脚与版权栏。配色以深青 #1a7a6d 为主色、橙色 #e8713a 为强调色,字体使用 Playfair Display、Noto Sans SC 与 JetBrains Mono。HTML 内嵌全部 CSS,仅依赖 Google Fonts 与 html2canvas CDN,并带右下角导出按钮(标准/高清/超清 PNG 与 JPEG)。

使用方式:先参考 assets/template.html 的结构,再按主题改写内容;生成 HTML 后运行脚本导出 PNG: python <skill-path>/scripts/html2png.py /mnt/user-data/outputs/card.html /mnt/user-data/outputs/card.png --scale=1.5 缩放可选 --scale=1(1200px)、1.5(默认,1800px)、2(2400px)。脚本依赖 playwright,需 pip install playwright && playwright install chromium。用户明确要求“只要 HTML”时可跳过 PNG。

适用场景:RAG 架构、微服务、产品市场契合等主题的卡片化整理,或把文章转成信息图。

限制:卡片必须包含指定版块与版权栏;框架列数需按内容自然结构选择;资料未提供具体收费、价格与平台支持信息。