图像 Premium

Architecture Diagrammer

把组件与连接的纯文本规格变成经过校验的 SVG 架构图，并附一份书面报告：未知连线会被丢弃、重复 ID 会被拒绝、孤立组件与环路都会被点名。

适用于： Claude Code, Codex, Cursor, Muse · 版本 1.0.0 · 需要：一份架构规格（spec.txt：[components] 写 id: 名称 | 类型，[connections] 写 a -> b: 标签）。

用 Premium 获取此 Skill 查看套餐

预览

Architecture Diagrammer —— 成品输出 — 示例图：该 Skill 用自带规格生成的 Shop API 架构图与报告。文字示例见下方。

示例输出

此 Skill 产出的示例。示例内容，仅供说明。

Architecture Diagrammer report — sample

Diagram report: Shop API

Components: 5 | Edges drawn: 5 | Columns: 4

Components: Web App (client, column 0); API Server (service, column 1); Redis Cache (cache, column 2); Job Worker (service, column 2); Postgres (database, column 3).

Edges: Web App -> API Server: HTTPS; API Server -> Redis Cache: GET; API Server -> Postgres: SQL; API Server -> Job Worker: Enqueue; Job Worker -> Postgres: SQL.

Errors: none. Warnings: none.

Messy draft check: 5 components, 3 edges drawn, 2 errors (duplicate api id; edge to unknown ghost dropped), 4 warnings (unknown type, 2 orphans, cycle api -> db -> api).

你将获得

校验过的 SVG 图：依赖分列、带标签箭头、环路走下方绕行
架构报告：组件与连线表及全部错误与警告
绘图前校验：丢弃未知连线、拒绝重复 ID
可与成图一起入库的规格格式

关于此 Skill

读取纯文本规格（[components] 写 ID、名称与类型；[connections] 写带标签的箭头），渲染按依赖分列的 SVG 架构图与 diagram-report.md：组件与连线表、每个组件的分列位置、全部错误与警告。引用未知组件的连线会被丢弃，绝不会画向猜测的方框；重复 ID 保留首次定义；孤立组件与环路会被报告而非隐藏。纯本地运行、仅用标准库；图上只出现规格里列出的内容——不会推断补全画面。

试一试

按这份规格画出我的 Shop API 架构图。

适合人群

为 README、文档或 PR 评审记录系统架构
分享前检查手写的架构草图
让架构图保持诚实：只画列出的内容

不适合

从代码库反向生成架构图——规格由你自己写
编造缺失的组件、存储或连线来补全画面
证明架构本身正确——报告干净只说明图与规格一致，不说明规格与现实一致

如何安装

把安装提示词复制到你的 Agent： Read https://skillu.dev/install/agent.md, then install the Architecture Diagrammer skill (architecture-diagrammer).
或在上线后从本页下载 Skill 包，把它的文件夹放入你的 Agent 的 skills 目录。
用斜杠命令调用它，例如 /architecture-diagrammer，然后用大白话描述你想要什么。

常见问题

规格有错怎么办？

仍会用有效部分出图，报告列出全部错误与警告：未知连线被丢弃、重复 ID 保留首次定义、孤立组件与环路都会点名。修好规格再跑一次即可。

它会画出我没列出的东西吗？

不会。图上只出现规格里的组件与连线。缺失的缓存或兜底路径是规格缺口，需要你补上，而不是由 Skill 替你补。

获取 Premium 浏览更多 Skills