用途:把对话摘要、主题、文件、技能或工作流转成2-3张信息图PNG。当用户要求信息图、图解、插图、章扉、X投稿用图、OGP、visualize或HTML→PNG时使用,适合需要多种视觉方向且可分享、可从HTML复现的场景。
主要能力:每个图案生成一个自包含HTML文件,用Playwright渲染为PNG,逐张检查并修复视觉缺陷,最后报告可用输出。默认输出2-3种不同图案,保存在output/<topic>-diagrams/下,HTML命名为<topic>-<pattern>.html,PNG为<topic>-<pattern>.png。常用比例:X/SNS为1200x675或1200x1200,博客OGP为1200x630,书籍插图按书稿风格调整。
使用方式:目标取显式参数,否则总结最近相关会话上下文;默认用途为X/SNS。若亮度、签名/标题文字或比例未指定,先用紧凑选项询问一次(亮度默认深色/更亮/白底;签名默认无/小标记/指定文字;比例默认X多图案/仅16:9/仅方形)。渲染时优先用Python Playwright,可用提供的render_infographics.py;用viewport-size裁剪而非fullPage,避免装饰溢出产生白边;外部字体导致加载挂起时用domcontentloaded加固定等待;需精确尺寸时device_scale_factor=1。
设计规则:使用视觉层级(标题、短导语、3-6个视觉单元、可选页脚);通用概念用一致且已授权的图标集并内嵌资源,不加载运行时CDN;产品标识用获准的官方素材。标签语言与受众一致,日文文章用自然日文,产品名、API字段等专有名词保留官方形式。数值从源材料读取,延迟、成本、准确率、token值需标注测量边界。避免信息过载,文字过密应拆分为另一图案。
限制:不得编造数值、引语或外部事实;不得把已知有问题的PNG作为推荐输出;不在生成HTML中使用硬编码本地绝对路径;除非用户要求,不添加签名、账号名、许可文字或技能名;不在图片角落渲染用途标签或制作说明。所有PNG须完成检查→修复→重渲染→再检查后才可交付。完成报告提供PNG、尺寸、图案、最佳用途表格,并推荐一张优先使用。