Architecture Diagram Creator 是一个用于创建 HTML 架构图的技能，其核心目标是生成包含数据流、业务上下文和系统架构的综合性 HTML 架构图。
用途方面，该技能适用于以下场景：用户提出“为[项目]创建架构图”“生成高层概览”“记录系统架构”“展示数据流与处理管线”等需求。
主要能力上，生成的架构图可包含六个组成部分：业务上下文（目标、用户、价值、指标）；数据流（数据来源→处理→输出，使用 SVG 图）；处理管线（多阶段可视化）；系统架构（分层组件：数据/处理/服务/输出）；功能（功能性需求与非功能性需求）；部署（模式、前置条件、工作流）。提供的 HTML 结构示例包含完整的文档声明、head、样式与 body，其中样式定义了字体、最大宽度、标题渐变背景等。SVG 数据流模式示例使用 viewBox，数据来源为左侧蓝色矩形，处理为中间橙色矩形，输出为右侧绿色矩形，并以箭头路径连接。技能建议使用语义化颜色，如 #4299e1（数据）、#ed8936（处理）、#9f7aea（AI）、#48bb78（成功）。
使用方式上，工作流程为：分析项目（README、代码结构）；提取用途、数据来源、处理过程、技术栈、输出；创建包含全部六个部分的 HTML；使用语义化颜色构建视觉层级；写入 [project]-architecture.html。同时要求保持图表清晰、样式一致，并包含真实项目细节。
适用场景上，主要用于需要为项目生成或记录架构图、展示数据流与处理管线、提供高层概览的场合。
限制方面，资料未提供该技能的收费、价格、平台支持、安装命令或具体使用效果等信息，暂未提供。