Skip to content

v2.1.0 — Structural self-check

Choose a tag to compare

@csthink csthink released this 12 Jun 02:44
· 41 commits to main since this release

What's new

Step 6 — post-generation structural self-check. Before delivering a diagram, the skill now re-verifies the SVG it just produced against a structural checklist (overlapping boxes, connectors cutting through nodes, broken animation loops, out-of-viewBox coordinates, connector/markup hygiene) and fixes what it finds. Animation contracts, design tokens, accessibility, and the pure-SVG/SMIL/no-JS output form are unchanged.

Eval harness (eval/). 10 realistic prompts (5 flow + 5 architecture), a deterministic geometry checker (check_diagram.py), paired baseline/checked runs, and EVAL.md with the before/after numbers. Headline: layout-arithmetic failures were 0/10 — so deterministic auto-layout (elkjs) is deferred; the残余 failures sit in the animation-geometry layer instead.

Refreshed demo GIFs. Richer examples (CI/CD pipeline; Kubernetes + Kafka platform), captured in real time, sharper and ~3× smaller than before.

Install

Download dashmotion.zip below, then:

  • claude.ai → Settings → Capabilities → Skills → + Add → upload → toggle on
  • Claude Codeunzip dashmotion.zip -d ~/.claude/skills/

Zip verified byte-for-byte against the tagged tree (SKILL.md + references/×2 + resources/×2).