---
title: "Live Panel Skill"
description: "Build a terminal-style, always-running animated architecture diagram (a \"live panel\") from a JSON config and render it to an mp4."
canonical: "https://potto.ai/ja/skills/live-panel-skill"
language: "ja"
dateModified: "2026-10-07"
---

# Live Panel Skill

Build a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and render it to an mp4.

Build a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and render it to an mp4. Use when the user wants a system, agent or org architecture diagram that looks like a monitoring dashboard in a terminal window - fixed layout, glowing packets on the wires, scrolling log, counters, bars that flip state - as a screen-recording-style video or a live web page, instead of a static picture or a step-by-step reveal. 中文：当用户要做"活的"架构图、agent 树或系统监控面板风格的动画（mp4 视频或循环网页）时使用——终端里一直在跑的监控面板外观，固定布局、线上流动的数据包、滚动日志、翻转的计数器和状态条；不是静态图，也不是分步演示。

- 実行環境: Claude Code, Codex
- 出力: MP4
- 生成に使用: Your agent's own model
- v2026.10.7 · ythx-101

## Live Panel のよくある質問

Live Panel の機能、対応するエージェント、必要なキー、無料でのインストール方法。

### Live Panel skill とは？

Live Panel は、動く文字 動画を作るための、ythx-101 による無料の agent skill です。 Build a terminal-style, always-running animated architecture diagram (a "live panel") from a JSON config and render it to an mp4.

### Live Panel は何を出力しますか？

Live Panel は MP4 を出力します。

### Live Panel を実行できる agent はどれですか？

Live Panel は Claude Code、Codex で実行できます。SKILL.md を読める他の agent でも実行できます。

### Live Panel に API キーは必要ですか？

いいえ。Live Panel は追加の API キーなしで使えます。

### Live Panel はどうインストールしますか？

ログインし、Live Panel のインストール用プロンプトをコピーして agent に貼り付けるか、ZIP をダウンロードしてください。Potto の skill はすべて無料です。

### Potto にある Live Panel のバージョンは？

Potto にあるのは Live Panel v2026.10.7 で、2026/10/07 に更新されています。インストール用プロンプトを再度コピーすると最新版を取得できます。