What's in the box
28 skills for D3.js . Each skill is a markdown file that LLM coding tools load as context when your prompt matches — covering a vis topic like shape morphing, hierarchy layouts, or time series, with the patterns and pitfalls.
107 example blocks generated across multiple models, scored by 4 inspection tools , and iteratively refined by an autoresearch loop — both compacting code and redesigning visuals.
Give them a try! -syntagmatic
Install instructions
Datavis skills? Design skills?
Power Tools (Skills)
Meta Skills
Skills for testing, evaluating, and improving other skills.
Code guides
D3 Idioms D3 code style: method chaining, margin convention, .join(), .call(), naming, anti-patterns
Jig Template Multi-skill assembly: layer stacks, state architecture, dirty-flag rendering, composition archetypes
explorer
Visual Critic Design quality: color harmony, typographic hierarchy, whitespace, data-ink ratio
Encoding Integrity Data honesty: lie factor, zero baselines, dual-axis risk, metamorphic relations, data join correctness
Stress Test Interaction robustness: update storms, stale closures, feedback loops, transition handoff conflicts
Cognitive Load Cognitive clarity: working memory limits, animation congruence, spaghetti threshold, color overload
Workshop tools
Calibrate Tool Measure skill effectiveness: with/without comparison, blind evaluation protocol
Sharpen Tool Audit and compress SKILL.md files: check for errors, triage sections, compress for token efficiency
Compositions
Generated Blocks
Claude
Gemini