insight-diagram

insight-diagram is a skill for Claude Code from smallnest/goal-workflow. It costs 66 tokens per session (3,469 once invoked), scanned A, a copy of insight-diagram, MIT.

A code-documentation tool that examines a software project and creates UML diagrams, architecture diagrams, and flowcharts as HTML and SVG files in the docs/ folder.

In plain words
What is it for?
Use it to document components, classes, dependencies, deployments, user interactions, and process flows in a software project.
Why use it?
It turns a codebase into visual documentation, so readers can understand its structure and processes without tracing every file by hand.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin. Also seen: mentions CLAUDE.md; names the AskUserQuestion tool.

Part of the goal-workflow-skills plugin — 19 skills shipped together

Good fit Use it to document components, classes, dependencies, deployments, user interactions, and process flows in a software project.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/smallnest/goal-workflow/insight-diagram
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add smallnest/goal-workflow --skill insight-diagram
Clone the repo
git clone --depth 1 https://github.com/smallnest/goal-workflow

Made for: Claude Code.

Or install goal-workflow-skills, the plugin that ships this one along with the rest of its 19 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for insight-diagram

README.md
[![agentmods](https://agentmods.dev/badge/skills/smallnest/goal-workflow/insight-diagram/github.svg)](https://agentmods.dev/skills/smallnest/goal-workflow/insight-diagram)
Your own site
<a href="https://agentmods.dev/skills/smallnest/goal-workflow/insight-diagram"><img src="https://agentmods.dev/badge/skills/smallnest/goal-workflow/insight-diagram/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for insight-diagram

Your own site · 80×15
<a href="https://agentmods.dev/skills/smallnest/goal-workflow/insight-diagram"><img src="https://agentmods.dev/badge/skills/smallnest/goal-workflow/insight-diagram.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 66 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,469 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • Socket pass 18 May 2026
  • Snyk pass 18 May 2026
How audits are shown
Origin 100% copy Near-identical to another mod in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00066 $0.03469
Opus 5 $0.00033 $0.01734
Sonnet 5 $0.00013 $0.00694
Haiku 4.5 $0.00007 $0.00347

Measured 10d ago against content hash 00cf1648c733, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-09, from the pricing page.

Security

Grade A, and why

insight-diagram scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.

The scan reads SKILL.md. This mod also ships 1 executable file (scripts/review_svg.py), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

100% identical to insight-diagram — 0 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

skills/insight-diagram/SKILL.md · 274 lines

How it starts

The opening of the file, as written. The whole thing — 274 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Insight Diagram — 项目图表生成技能

分析任意代码库,自动生成 UML 14种图 + 架构图 + 流程图,使用 /architecture-diagram 渲染为 HTML+SVG。

图表分类与清单

结构性图形 (Structural Diagrams — 静态)

描述系统的物理组成和静态结构。

编号 图表类型 英文标识 关注点
1 系统架构图 architecture 组件关系、全局视角(非UML,最常用)
2 类图 class 定义类、属性、操作及关系
3 对象图 object 特定时刻的对象实例及其关系
4 组件图 component 系统组件及其依赖关系
5 部署图 deployment 物理硬件、节点及软件部署
6 包图 package 将模型元素分组组织
7 复合结构图 composite-structure 类的内部结构
8 剖面图 profile 扩展UML元模型、自定义构造型

行为性图形 (Behavioral Diagrams — 动态)

描述系统与外部参与者或系统内部的交互过程。

编号 图表类型 英文标识 关注点
9 流程图 flowchart 主流程与分支(非UML,最常用)
10 用例图 usecase 从用户角度展示系统功能
11 活动图 activity 过程的流程或步骤
12 状态机图 state-machine 对象生命周期的状态变迁
13 序列图 sequence 按时间顺序展示对象间交互
14 通信图 communication 侧重于对象间的组织关系
15 定时图 timing 侧重于状态变化的时间约束
16 交互概览图 interaction-overview 结合活动图和时序图
17 泳道图 swimlane 跨组件/角色职责流程(活动图变体)

示例参考

本技能的 examples/ 目录包含 13 个已完成的图表 HTML 文件,作为视觉样式和内容结构的参考模板。生成任何图表前,必须先阅读对应的示例文件,以确保风格一致、结构规范。

示例文件清单

文件 图表类型 英文标识
examples/architecture.html 系统架构图 architecture
examples/class.html 类图 class
examples/object.html 对象图 object
examples/component.html 组件图 component
examples/deployment.html 部署图 deployment
examples/flowchart.html 流程图 flowchart
examples/usecase.html 用例图 usecase
examples/activity.html 活动图 activity
examples/sequence.html 序列图 sequence
examples/communication.html 通信图 communication
examples/dfd.html 数据流图 dfd
examples/interaction-overview.html 交互概览图 interaction-overview
examples/swimlane.html 泳道图 swimlane

参考规则

  1. 生成前必读: 调用 /architecture-diagram 前,先用 Read 工具阅读对应类型的示例文件,从中提取:
    • SVG 布局策略(节点间距、分组方式、箭头走向)
    • 节点样式层级(核心节点 accent 高亮、普通节点实线边框、可选节点虚线边框)
    • 标注风格(阶段标签、Legend 图例、卡片摘要)
    • 信息密度(每个节点显示多少字段/属性)

Read the full file on GitHub · 274 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 10d ago First seen · 274 lines · 66 tokens per session scan A 00cf1648c733

Subscribe to this mod's changes

insight-diagram is a skill published in the GitHub repository smallnest/goal-workflow (278 stars, last pushed 3d ago), licensed MIT. It adds 66 tokens to every session and 3,469 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to insight-diagram, differing in 0 lines, and is treated as a copy.