tech-diagram-gif SKILL.md skillB

tech-diagram-gif from kopp0510/claude-dd is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.

Install it, pinned
mdr add kopp0510/claude-dd/tech-diagram-gif@git:20260912.c2d9c5f

Pins git:20260912.c2d9c5f in mdr.lock. Pin the fingerprint instead.

Audit grade
B, 16 of 17 checks passed
Kind
SKILL.md skill
Repository
kopp0510/claude-dd
Path
skills/tech-diagram-gif/SKILL.md
Versions recorded
7
Latest version
git:20260912.c2d9c5f, committed Sep 12, 2026
First version recorded
Sep 7, 2026
Size
15,951 bytes
Repository stars
12
License
MIT

繪製流程圖、架構圖、走向圖(流量走向動畫),最終交付 GIF。當提到「畫流程圖」「畫架構圖」「走向圖」「流程動畫」「diagram」時自動啟用。不適用於資料視覺化圖表(用 dataviz)或網頁 UI 設計(用 frontend-design)。.

Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.

What the file says

# Tech Diagram GIF — 技術圖表繪製與 GIF 匯出

不引入 Python/cairosvg **渲染管線**的技術圖表流程:手寫 SVG(依 vendored 風格規範)→ 瀏覽器渲染自檢 → 匯出無縫循環 GIF。
渲染與匯出全程靠瀏覽器與 ffmpeg,不裝 cairosvg / Pillow 等套件;`scripts/verify-geometry.py`
是唯一的 Python,純標準庫、無 pip 依賴,只做座標算術,缺 python3 時退化為人工計算,不阻擋出圖。
風格規範 vendored 自 [fireworks-tech-graph](https://github.com/yizhiyanhua-ai/fireworks-tech-graph)(MIT,見 LICENSE.txt);
只收編其 markdown 規範,不引入其 Python/cairosvg/FFmpeg 管線。

## 硬閘門

1. **先判斷該不該畫** — 動筆前問一句:讀者從這張圖學到的,會比從一段文字或一張表格多嗎?
   不會就別畫,直接寫清楚。純清單、簡單前後對照、單一形狀的「圖」一律退回文字。
   使用者明確指定要圖時跳過此閘門,但仍可提一句更省的做法(提一次,不反覆)。
2. **結構未確認前,不寫任何 SVG** — 先用純文字把節點/分組/連線定案(工作流程第 1 步)。
3. **交付物只有 GIF**(使用者硬規則)。SVG 僅為中間產物:GIF 產出並驗證後**即刪除,
   不留在交付目錄**。唯一例外:環境無 ffmpeg 時依第 5 步退化交付 SVG 並附裝法與資安說明
   (SVG 格式可含 script,收件方有信任成本;本 skill 產的 SVG 零 script,交付前必驗證)。
4. **渲染自檢不可省** — 沒親眼看過渲染結果不得宣稱完成。

## 工作流程

### 1. 結構確認(純文字,不畫圖)

把要畫的內容整理成清單給使用者確認,格式:

```
節點(N):① 名稱(語意桶)→ ② …
分組(M):分組名 / 涵蓋節點
連線與語意:A→B 主流程(金)/ C⇢D 條件檢查(虛線)/ 自迴圈…
```

清單交出去前先過下方 Taste Gate 的「**結構清單**」組 —— 數量上限在這一步就數得出來
(節點/連線/分組三個數字見該組,本節不複製),此時超標只要改清單;
等到第 4 步才發現,只能整份重來。
使用者確認或修改 → 定案才進下一步。內容事實(節點名稱、流程順序)不確定時回問,不自行腦補。

### 2. 選風格與動畫模式

| 風格 | 檔案 | 何時用 |
|------|------|--------|
…

Read the whole file at its exact version.

How to install

The exact contents, by fingerprint
mdr add kopp0510/claude-dd/tech-diagram-gif@sha256:8007450077c712db

The line at the top of this page pins the label git:20260912.c2d9c5f, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.

Badge

mdr badge

[![mdr](https://markdownregistry.com/badge/art_7bxzoiazzqcbjrjf.svg)](https://markdownregistry.com/a/art_7bxzoiazzqcbjrjf)

6 badge image fetches in 30 days. What the badge shows.

Versions

The registry has recorded 7 versions of this file, between Sep 7, 2026 and Sep 12, 2026, more than one a day.

versioncommittedcommitsizeaudit
git:20260912.c2d9c5f latest2026-09-12 c2d9c5f 15,951 BB view · diff
git:20260912.c95c2722026-09-12 c95c272 15,891 BB view · diff
git:20260907.c38edc02026-09-07 c38edc0 15,112 BB view · diff
git:20260907.841f1532026-09-07 841f153 15,024 BB view · diff
git:20260907.7457f022026-09-07 7457f02 14,817 BB view · diff
git:20260907.65072c22026-09-07 65072c2 13,457 BB view · diff
git:20260907.b28c22c2026-09-07 b28c22c 13,878 BB view

Audit of the latest version

B  16 of 17 checks passed. Fixed automatic checks with no AI involved, so the same checks give the same answer every run.
  • fail: No script tag (matched: <script)
  • pass: Frontmatter block present
  • pass: Frontmatter declares a name
  • pass: Frontmatter declares a description
  • pass: Size between 200 bytes and 200 KB (15951 bytes)
  • pass: No zero-width or bidi control characters
  • pass: No instruction hidden inside an HTML comment
  • pass: No link to an exfiltration or paste host
  • pass: No credential-shaped string
  • pass: No instruction to send local credentials anywhere
  • pass: No text hidden with inline styles
  • pass: No prompt-injection phrasing
  • pass: No curl or wget piped into a shell
  • pass: No recursive delete of root, home or parent
  • pass: No instruction to read or print local credentials
  • pass: No base64 blob over 200 characters
  • pass: No link to a raw IP address

Starting a new one? Use a template for SKILL.md on mdpantry, which passes every one of these checks and says what to change in it.

Source

GitHub

kopp0510/claude-dd · 12 stars · license MIT · pushed 2026-10-30 · branch main

API

GET https://markdownregistry.com/api/v1/artifacts/art_7bxzoiazzqcbjrjf
GET https://markdownregistry.com/api/v1/resolve?ref=kopp0510/claude-dd/tech-diagram-gif
GET https://markdownregistry.com/api/v1/blob/8007450077c712db1cd673d1d281d07204ba937bb325b50ac634f1048cf06a66

Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.

Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.

More from kopp0510/claude-dd

CLAUDE.md CLAUDE.md file
kopp0510/claude-dd · CLAUDE.md
git:20261030.81f1b68 · audit A · 12 stars
CLAUDE.md@diagrams/src CLAUDE.md file
kopp0510/claude-dd · diagrams/src/CLAUDE.md
git:20261029.a30dc1a · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-24-s4-inputs CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-24-s4-inputs/CLAUDE.md
git:20261023.7f05f62 · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-24-s4-outputs CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-24-s4-outputs/CLAUDE.md
git:20261023.1e209ef · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-24-s5-inputs CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-24-s5-inputs/CLAUDE.md
git:20261024.fb6f816 · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-24-s5-outputs CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-24-s5-outputs/CLAUDE.md
git:20261024.ce3dd5d · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-29-adhd-style CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-29-adhd-style/CLAUDE.md
git:20261029.af255a2 · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-30-dd-init-upgrade CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-30-dd-init-upgrade/CLAUDE.md
git:20261030.92509fc · audit A · 12 stars
CLAUDE.md@docs/measurements/2026-10-30-dd-loop-trigger CLAUDE.md file
kopp0510/claude-dd · docs/measurements/2026-10-30-dd-loop-trigger/CLAUDE.md
git:20261029.f2ab54a · audit A · 12 stars
CLAUDE.md@docs/reviews CLAUDE.md file
kopp0510/claude-dd · docs/reviews/CLAUDE.md
git:20261029.7253986 · audit A · 12 stars
CLAUDE.md@scripts CLAUDE.md file
kopp0510/claude-dd · scripts/CLAUDE.md
git:20261030.f452f25 · audit A · 12 stars
code-simplifier SKILL.md skill
kopp0510/claude-dd · skills/code-simplifier/SKILL.md · 調用官方 code-simplifier agent 簡化程式碼。當使用者要求簡化、降低複雜度、清理冗餘,或執行 8 步開發迴圈步驟 3 時啟用。不適用於 PR 審查(用 code-reviewer)。
git:20260912.708b336 · audit A · 12 stars

Every file in kopp0510/claude-dd

Browse by kind, by grade B, or by owner.