1
The agent prompt
Paste one prompt into Claude Code and your agent installs the skill, renders the first example and tells you where the video is.
Free guide · Live Panel skill
Turn one JSON file into a live architecture diagram in 5 minutes
Live Panel turns a description of your system into a diagram that looks like a running monitor: packets on the wires, a scrolling log, counters. This guide takes you from zero to your own MP4.
- A ready prompt that lets your AI agent set up the skill for you
- Copy-paste commands to install it and render the first example
- 6 steps with screenshots, from install to your own diagram
- What it costs and what doesn't work yet (Windows)
A look inside
What's inside
2
The manual install
No agent? Three commands: download the skill, render the example, check the frames.
3
Your own diagram
How to describe your own system so the skill builds a diagram that moves, and how to keep the numbers honest.
🔒 Full guide after signupGood to know
Questions, answered
Is this guide free?
Yes. You sign up with your email once and get this guide plus every other guide in the library.
Do I need to know how to code?
No. You copy three commands into your terminal, or paste the agent prompt into Claude Code and describe your system in plain English. The skill writes the JSON file for you.
Is Live Panel free?
Yes. The code is open source under the MIT license and only needs Python, Chrome and ffmpeg, which are free. If you let Claude Code write the diagram for you, you pay for Claude Code as usual.
What happens after I enter my email?
We send a confirmation email. Click the link and the full guide opens. You also get the AI at Work newsletter every Friday and can unsubscribe anytime.