我的判断：本期三榜几乎被写过项目占满，按流程做「Agent 可视化提质」横向合集。下面四个项目都在热榜反复出现，但产出物完全不同——一个画图表、一个画架构图、一个是图像提示词库、一个把 HTML 渲染成视频。与其一个个装了又删，不如一次看清该留哪个。

过去画架构图要开 draw.io，画信息图要找设计师，出产品图要调文生图，做视频又要学剪辑。现在这些活正被 agent skill 吞掉：你用自然语言描述，agent 调对应 skill 直接产出可交付的图、架构文件或视频。问题变成——同类工具太多，怎么选？下面四个是最常撞脸的。

diagram-design（cathrynlavery，MIT，39.2k★）：38 种「编辑级」图表类型，专门给 Claude Code / Codex / Pi 用的 agent skill。输出自包含 HTML + SVG，明确喊出口号「No shadows. No Mermaid slop.」——专治 Mermaid 那种糊成一团的图。还能把现有 draw.io / mermaid / excalidraw 导入重绘成统一风格。

archify（tt-a1i，MIT，60.7k★）：聚焦架构/工作流/时序/数据流/生命周期图，输出带轻微动效的自包含 HTML，导出清晰。卖点是「可验证」——图和代码/结构对得上，而不是一张好看的装饰画。适合给技术文档、设计评审出架构图。

awesome-gpt-image-2（freestylefly，MIT，31.6k★）：GPT Image 2 / 2.5 的「提示词即代码」库，530+ 真实案例、20+ 工业级模板、可复用 style skill。它不替你出图，而是把散落的社区提示词压成结构化协议，让 agent 批量、稳定、可复用地写提示词。

hyperframes（heygen-com，Apache-2.0，49.6k★）：口号「Write HTML. Render video. Built for agents.」把网页 / HTML / 动效直接渲染成视频，CLI 有 `hyperframes capture <url>`，agent 侧用 `/hyperframes` skill。最适合「已有网页或动效，想变成视频」的场景。

画架构 / 时序 / 数据流图 → archify（动效 HTML，导出清晰，可验证）。

画编辑级精致图表（组织架构图、流程图、信息图、反 Mermaid 糊图）→ diagram-design（38 种，风格统一）。

批量稳定出 AI 图像 → awesome-gpt-image-2（提示词即代码 + 风格库，把文生图写稳）。

把 HTML / 网页动效变成视频 → hyperframes（写 HTML 渲染视频，agent 向）。

许可都友好：三个 MIT + hyperframes 是 Apache-2.0，都可商用、可改，没有 copyleft 雷——放心集成。

awesome-gpt-image-2 不是图像生成器：它是提示词库 + style skill，真正出图要调 GPT Image API（OpenAI），有 API 成本；它帮你把提示词写稳、可复用。

hyperframes 路线跟着 HeyGen 走：由 HeyGen 官方维护，最擅长「网页/动效 → 视频」，不是通用剪辑器；它把 HTML 渲染成视频，别指望拿它剪素材。

都依赖 agent 宿主：diagram-design / archify / hyperframes 要装好 Claude Code / Codex / Pi 等客户端或浏览器渲染；纯命令行党先备好宿主再装。