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.
npx skills add smallnest/pigo --skill insight-diagramgit clone --depth 1 https://github.com/smallnest/pigoWrote 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.
[](https://agentmods.dev/skills/smallnest/pigo/insight-diagram)<a href="https://agentmods.dev/skills/smallnest/pigo/insight-diagram"><img src="https://agentmods.dev/badge/skills/smallnest/pigo/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.
<a href="https://agentmods.dev/skills/smallnest/pigo/insight-diagram"><img src="https://agentmods.dev/badge/skills/smallnest/pigo/insight-diagram.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.
| Model | Per session | Once 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 |
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 9d ago.
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.
Copies of this mod
1 near-identical copy found in the catalogue:
- insight-diagram — 100% identical, 0 lines differ
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 |
参考规则
- 生成前必读: 调用
/architecture-diagram前，先用 Read 工具阅读对应类型的示例文件，从中提取：- SVG 布局策略（节点间距、分组方式、箭头走向）
- 节点样式层级（核心节点 accent 高亮、普通节点实线边框、可选节点虚线边框）
- 标注风格（阶段标签、Legend 图例、卡片摘要）
- 信息密度（每个节点显示多少字段/属性）
What ships with it
15 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- examples/activity.html 18 KB
- examples/architecture.html 25 KB
- examples/class.html 25 KB
- examples/communication.html 21 KB
- examples/component.html 20 KB
- examples/deployment.html 20 KB
- examples/dfd.html 17 KB
- examples/flowchart.html 16 KB
- examples/interaction-overview.html 18 KB
- examples/object.html 19 KB
- examples/sequence.html 18 KB
- examples/swimlane.html 18 KB
- examples/usecase.html 16 KB
- references/extraction-strategy.md 1.8 KB
- scripts/review_svg.py 18 KB runs code
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.
- 9d ago First seen · 274 lines · 66 tokens per session scan A 00cf1648c733
insight-diagram is a skill published in the GitHub repository smallnest/pigo (428 stars, last pushed 9d 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. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.
Other skills, from other repositories
apple-design
Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or reviewing gesture-driven UI, spring animations, drag/swipe/sheet interactions, momentum and interruptible transitions, translucent materials and depth, typography (optical sizing, tracking, leading)…
emil-design-eng
This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.
animate
Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what purpose, which tool, which properties, which curve and duration, how it interrupts, how it exits. Writes the implementation. Use when asked to animate something, add motion, make a…
prototype
Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when explicitly invoked; it does not trigger on its own.
review-animations
Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.
codebase-design
Shared vocabulary for designing deep modules. Use when the user wants to design or improve a module's interface, find deepening opportunities, decide where a seam goes, make code more testable or AI-navigable, or when another skill needs the deep-module vocabulary.