jb/diagram-design
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Loop type (flywheel) + palette linter

Browse Source 
- New type #27: Loop — ring of 5-8 stations around exactly one hub,
  solid flow arrows around the ring, dashed write-back spokes into
  the hub. Reference doc with ring layout math, budget, and
  anti-patterns; flagship example "The self-improving loop" in
  light/dark/full variants; gallery tab; README showcase under the
  hero image.
- scripts/lint-skin.py — contributor palette linter: reads allowed
  tokens from style-guide.md at runtime, flags off-palette hexes,
  pure black, external assets, scripts, and off-system fonts.
  Baseline file grandfathers pre-2.0 examples; --all --baseline is
  green.
- Linter immediately caught 36 near-miss hexes in 9 of the newly
  regenerated examples; swapped to exact series-palette tokens and
  recaptured the affected screenshots.
This commit is contained in:
Cathryn Lavery
2026-07-14 19:41:17 -07:00
parent 2e9cefb9f3
commit e175eb723b
25 changed files with 912 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files
skills/diagram-design/assets/example-data-flow-dark.html
+2 -2
View File
@@ -85,7 +85,7 @@
<rect x="146" y="44" width="100" height="64" rx="6" fill="rgba(245,245,245,0.04)" stroke="rgba(245,245,245,0.20)"/>
<rect x="150" y="48" width="18" height="10" rx="3" fill="rgba(245,245,245,0.12)"/><text x="159" y="53" class="role-text">ENG</text>
<text x="196" y="67" class="node-title">Capture Events</text><text x="196" y="79" class="node-sub">shop events → batch</text><text x="196" y="91" class="node-tool">NiFi ingest</text>
<rect x="150" y="98" width="16" height="8" rx="3" fill="#4a7c59"/><text x="158" y="104" class="chip-text">LS</text>
<rect x="150" y="98" width="16" height="8" rx="3" fill="#7c8f6f"/><text x="158" y="104" class="chip-text">LS</text>
<rect x="226" y="98" width="16" height="8" rx="3" fill="#5e7a9b"/><text x="234" y="104" class="chip-text">DB</text>
<!-- Data Engineer: Land Records -->
@@ -126,7 +126,7 @@
<!-- Legend: data types -->
<text x="164" y="314" class="legend-label">DATA TYPE</text>
<rect x="180" y="306" width="16" height="8" rx="3" fill="#4a7c59"/><text x="188" y="312" class="chip-text">LS</text><text x="202" y="314" class="legend-text">Stream</text>
<rect x="180" y="306" width="16" height="8" rx="3" fill="#7c8f6f"/><text x="188" y="312" class="chip-text">LS</text><text x="202" y="314" class="legend-text">Stream</text>
<rect x="252" y="306" width="16" height="8" rx="3" fill="#5e7a9b"/><text x="260" y="312" class="chip-text">DB</text><text x="274" y="314" class="legend-text">Dataset</text>
<rect x="332" y="306" width="16" height="8" rx="3" fill="#b8915a"/><text x="340" y="312" class="chip-text">TB</text><text x="354" y="314" class="legend-text">Table</text>
<rect x="404" y="306" width="16" height="8" rx="3" fill="#9c6b50"/><text x="412" y="312" class="chip-text">FL</text><text x="426" y="314" class="legend-text">Dashboard</text>