Enterprise DNA
News AI News

Animated diagrams from JSON

A Claude Code skill turns a configuration file into animated architecture diagrams for video or web. It has 395 stars and a listed velocity of 358.

Enterprise DNA |
Animated diagrams from JSON

AI Pulse · Under the Radar

The play

If you explain complex services to customers, test JSON-driven animated diagrams for onboarding videos before paying for custom motion design.

A GitHub project called live-panel-skill turns a JSON configuration into an animated architecture diagram. You can choose a dark, terminal-style look or a light infographic, then export an H.264 video or keep it as a live web page. It’s also packaged as a Claude Code skill, so a coding assistant that loads the skill can work with the project’s format.

For a business, the practical use is making a system easier to explain. A team could show how components connect, with moving packets, changing counters and a scrolling log, rather than asking someone to interpret a static diagram. The setup does require Python, Chrome or Chromium, and ffmpeg, and layouts need to be configured for the chosen canvas size. This is the kind of thing we build into an AI command centre, where useful tools can sit alongside the work they support. The project and its examples are available in the GitHub repository.

More like this?

Free daily email

Get this every morning.

This brief is one item from today's AI Pulse, the short daily read we run for ourselves on what is actually happening in AI. Subscribe free and it lands in your inbox each morning.

Free daily email

Subscribe to the daily AI Pulse

One short read every morning on what is actually happening in AI. Free.

One email a day. Unsubscribe any time.

Working With Claude field guide cover

Free Resource

Put what you just read to work

The free 32-page Working With Claude guide: the full ecosystem, Claude Code, and how to roll it out across a business.

Add your name (optional)

No spam. Unsubscribe any time.