OrRon/EpicInfographics

解决的问题

它消除了典型 AI 生成信息图表中常见的“AI 制造”感——这些图表通常依赖通用网格、现成模板和扁平极简主义——方法是教导 AI 代理使用专业的工作室级原则进行设计。它确保数据在视觉上被整合到场景中，而不仅仅是被放置在页面上，并且确保图表在数学上是准确的且对色盲友好。

运作方式

该项目提供了一项“技能”（一套指令与参考资料），让 AI 代理遵循以从简报进展到最终图像。整个过程包含：

1. 基于场景的设计：代理不再使用页面，而是创建一个“场所”（例如蓝图、博物学家的对开本或黑暗剧院），让数据存在于场景之中。
2. 数据驱动的几何形状：视觉效果通过算术计算（例如火箭的高度对应特定百分比），而不是凭肉眼估算。
3. 技术管线：代理生成 HTML/CSS，然后使用无头 Chromium（通过 Playwright）和 ffmpeg 将其渲染为高分辨率 PNG 或 MP4/GIF 动画。
4. 质量闸门：强制性的渲染-审查-修复循环使用检查清单，让任何看起来像仪表板模板的设计视为失败。预检脚本也会检查文字碰撞、裁剪和可读性。

适用对象

AI 代理（例如 Claude Code、Codex、Factory Droid 或 Pi）的用户，他们需要高质量、专业级的信息图表与数据可视化，并希望避免标准 AI 输出的通用美学风格。

重点特色

• 多样化的设计语言：包含针对蓝图、暗玻璃、自然学家版画、等距世界和复古印刷等风格的特定规格。
• 确定性动画：通过在浏览器中刷帧将 HTML/CSS 动画转换为视频，确保最终帧与批准的静态图像相符。
• 真实的几何形状：强制条形从零开始，且面积随数值准确缩放。
• 自动化验证：包含色盲检查工具和字形几何测量，以防止排版错误。