Archify 是一款专为 Claude、Codex CLI 和 opencode 打造的架构图生成技能，能将自然语言描述转化为精美的技术架构图、工作流、时序图、数据流和生命周期图。支持一键切换深浅色主题，并提供 PNG、JPEG、WebP、SVG 四种导出格式，导出分辨率最高可达 4 倍源图，清晰度远超常规截图。

生成的 HTML 文件完全自包含，无需任何依赖即可在浏览器中打开、切换主题或导出。SVG 导出同时内置暗色与亮色样式，并支持 prefers-color-scheme 自动适配，适合直接放入 GitHub README 或技术文档中使用。内置 JSON Schema 校验、布局检查和渲染后验证，确保图表结构准确、箭头不交叉、坐标合法。

支持语义化技术标签识别，如 aws.lambda、postgres、redis 等，自动匹配对应视觉分类。提供统一的 CLI 工具，可执行渲染、校验、示例演示等操作。项目已包含真实仓库架构图示例，适合系统设计、API 调用链、数据管道和状态机等场景的可视化。

GitHub：github.com/tt-a1i/archify

主要功能：
- 支持架构图、工作流、时序图、数据流、生命周期图五种图表类型；
- 内置深浅色主题切换，导出 SVG 自动跟随系统偏好；
- 4 倍原生分辨率导出，无需上采样即可获得清晰 PNG/JPEG/WebP；
- 一键复制 PNG 到剪贴板，直接粘贴至 Slack、Notion、GitHub；
- JSON Schema 校验与渲染后质量检查，确保图表专业可靠；
- 支持语义化技术标签，自动映射组件颜色与分类；
- 提供统一 CLI，支持本地渲染、校验和示例演示；
- 完全自包含 HTML 输出，无依赖、可直接分享。

支持通过 npx skills add 一键安装，兼容 Claude、Codex CLI 与 opencode，适合开发者、架构师和产品团队用于技术文档与系统设计。

#架构图# #系统设计# #AI工具# #开发者工具#