Live Architecture Panel
Config-driven "always-running" architecture diagrams: one JSON file becomes a monitoring-panel page where packets flow on every wire, logs scroll and counters tick, while the layout never moves.
By Qingyue @ythx-101 Oct 3, 2026
- Type
- skill
- Made with
- Claude Code
- Built in
- HTML/CSS
- Topics
- Diagrams · Code
The skill
The skill's files live in Qingyue's repo, and we link to them rather than copy them. Get it from the source ↗
Similar prompts
Code-Only AI Documentary
by @kimmonismus
You are a motion designer and creative director making a 3-minute animated short film, built entirely in code and rende…
Transformer Explainer (Chinese)
by @dotey
帮我用js制作一个视频，主题是：什么是 Transformer 要深入浅出，让高中生也能看得懂，不仅high level说的清楚，也要有细节，包括注意力机制，甚至一些数学概念 你可以用任何工具或者安装工具，可以联网检索 请给我惊喜
Negroni Cocktail Recipe Explainer
by @Ror_Fly
We're going to try a little test. Do you think you could render a recipe motion graphic animation using javascript or h…
30-Second Business Explainer
by @alex_prompter
Adopt the role of an expert motion designer. Build a 30-second animated explainer for my business as a single HTML page…