cathrynlavery/diagram-design
38 editorial diagram types for Claude Code, Codex, and Pi. Self-contained HTML + SVG. No shadows. No Mermaid slop.
HTML★ 37,967+1,294 that day#6 on trending20.47% duplicated
399files
84,239lines
939,765tokens
765clones
17,245duplicated lines (20.47%)
248,928duplicated tokens (26.49%)
By format
| Format | Files | Lines | Clones | Duplicated lines | Duplication |
|---|---|---|---|---|---|
| markup | 183 | 32,072 | 616 | 15,277 | 47.63% |
| python | 66 | 31,356 | 111 | 1,613 | 5.14% |
| markdown | 89 | 11,631 | 26 | 238 | 2.05% |
| yaml | 20 | 2,607 | 9 | 63 | 2.42% |
| json | 8 | 1,052 | 2 | 47 | 4.47% |
| bash | 13 | 2,267 | 1 | 7 | 0.31% |
| text | 13 | 2,693 | 0 | 0 | 0% |
| perl | 1 | 168 | 0 | 0 | 0% |
| diff | 1 | 139 | 0 | 0 | 0% |
| css | 2 | 127 | 0 | 0 | 0% |
Largest clones
- 343 lines · 7,537 tokens markupskills/diagram-design/assets/example-beeswarm-dark.html:41–383⇆skills/diagram-design/assets/example-beeswarm.html:41–383
- 239 lines · 5,551 tokens markupskills/diagram-design/assets/example-db-schema-dark.html:63–301⇆skills/diagram-design/assets/example-db-schema.html:63–301
- 92 lines · 4,209 tokens markupskills/diagram-design/assets/example-architecture-full.html:81–172⇆skills/diagram-design/assets/example-architecture.html:92–183
- 161 lines · 3,833 tokens markupskills/diagram-design/assets/example-dependency-dark.html:63–223⇆skills/diagram-design/assets/example-dependency.html:63–223
- 43 lines · 3,664 tokens markupskills/diagram-design/assets/example-process-dark.html:22–64⇆skills/diagram-design/assets/example-process.html:22–64
- 159 lines · 3,417 tokens markupskills/diagram-design/assets/example-sequence-dark.html:63–221⇆skills/diagram-design/assets/example-sequence.html:63–221
- 139 lines · 3,015 tokens markupskills/diagram-design/assets/example-er-dark.html:63–201⇆skills/diagram-design/assets/example-er.html:63–201
- 61 lines · 2,851 tokens markupskills/diagram-design/assets/example-dp-integration-dark.html:20–80⇆skills/diagram-design/assets/example-dp-integration.html:20–80
- 60 lines · 2,844 tokens markupskills/diagram-design/assets/example-dp-integration-dark.html:20–79⇆skills/diagram-design/assets/example-dp-integration-full.html:23–82
- 127 lines · 2,836 tokens markupskills/diagram-design/assets/example-deployment-dark.html:63–189⇆skills/diagram-design/assets/example-deployment.html:63–189
Trending appearances
| Day | Rank | Stars | Files | Lines | Clones | Duplication | Health | Commit |
|---|---|---|---|---|---|---|---|---|
| Sep 11, 2026 | #6 | 37,967 (+1,294) | 399 | 84,239 | 765 | 20.47% | — | 8d8b299 |
| Sep 10, 2026 | #5 | 36,867 (+2,249) | 399 | 84,147 | 765 | 20.49% | — | 562dbdf |
| Sep 9, 2026 | #2 | 35,301 (+710) | 382 | 80,249 | 714 | 20.74% | — | dcd9317 |
| Sep 7, 2026 | #1 | 32,636 (+620) | 382 | 80,217 | 714 | 20.75% | — | 2724fd2 |
| Sep 6, 2026 | #3 | 31,817 (+855) | 374 | 78,769 | 700 | 20.62% | — | 4451ead |
| Sep 5, 2026 | #10 | 31,096 (+437) | 374 | 78,769 | 700 | 20.62% | — | 4451ead |
Want this for your own project? Install jscpd and run jscpd .