Skip to main content
Back to trending

live-panel-skill

Config-driven animated architecture diagrams: turn one JSON file into a terminal-style, always-running diagram or a light-theme infographic that moves. Outputs H.264 mp4 or a live web page; also a Claude Code style skill (SKILL.md).

View on GitHub
Stars
434
Forks
56
+ today
+20
Created
2d

Ranking data as of October 4, 2026 (UTC).

Star History

Today, hour by hour

434 stars
020

Overview

Config-driven animated architecture diagrams: turn one JSON file into a terminal-style, always-running diagram or a light-theme infographic that moves. Outputs H.264 mp4 or a live web page; also a Claude Code style skill (SKILL.md). It ranks #12 on GitTiger, gaining +20 stars on October 4, 2026 (UTC).

The project is written in HTML and has 56 forks. It was created 2d ago.

AI-generated summary of the repository README — may contain errors.

Project

`ythx-101/live-panel-skill` is described as a configuration-driven tool for animated architecture diagrams. Its description says a single JSON file can produce either a terminal-style, continuously running diagram or an animated infographic with a light theme. The repository also includes a Claude Code-style skill identified as `SKILL.md`.

Described capabilities

The stated output formats are H.264 MP4 video and a live web page. The configuration-first approach is the central described workflow; the available evidence does not enumerate the JSON schema, rendering requirements, or the skill's exact agent actions. HTML is the repository's listed language, but no further implementation details or supported environments are supplied.

Getting started

Read the repository README for the configuration format, rendering setup, and instructions for using the skill. No installation commands or dependency steps were supplied here. Check the README for required tooling before choosing a video or live-page output.

Installation
git clone https://github.com/ythx-101/live-panel-skill.git
cd live-panel-skill
# see README for setup

Frequently Asked Questions

What can the project generate?

Its description lists H.264 MP4 videos and live web pages.

How are diagrams configured?

The description says diagrams are driven by one JSON file; the schema is not supplied here.

Does it include an agent skill?

Yes. The description identifies a Claude Code-style `SKILL.md`.