Architecture Diagram Creator

生成带业务上下文、数据流和系统分层的综合 HTML 架构页面。

候选html

Architecture Diagram Creator 预览

Architecture Diagram Creator

为什么收录

生成带业务上下文、数据流和系统分层的综合 HTML 架构页面。

适合场景

架构文档首页
系统概览
部署与数据流说明

评估笔记

优点：它的输出不是单一图，而是一页包含业务背景、数据流和部署信息的 HTML。
短板：很适合作为项目概览页或技术交接资料。
待确认：是否要把上游示例、脚本或模板纳入更深的对比评测。

产物

示例：examples/product-architecture.html
预览：screenshots/product-architecture-preview.svg

维护

最近检查：2026-04-26
下一步：继续跟踪上游版本、许可和示例演进。

产物

名称	类型	说明
product-architecture.html	html	自制的产品架构页面 HTML 示例。
product-architecture-preview.svg	svg	综合 HTML 架构页面预览。

示例

Architecture Diagram Creator 示例效果图

product-architecture.html

html

提示词

生成一个单页 HTML 架构蓝图。

左侧放业务背景和角色，中间放端到端事件流与服务泳道，右侧放能力、SLO、分层和部署信息，底部再补一条 release evolution 条带。

生成环境

运行环境: Codex desktop
模型: GPT-5 系列（Codex 默认；当前任务环境未暴露精确 alias）
上下文: 独立子 agent，使用干净上下文
生成时间: 2026-04-26
备注: 示例由独立子 agent 在干净上下文中生成，用于体现这个 skill 的代表性设计效果。