Communitygithub.com

HusainZSabir53/dashboard-walkthrough

Claude Code-Fähigkeit: Erstellen eines erzählten 1080p-Walkthrough-Videos eines laufenden Web-Dashboards (Playwright + neuronale TTS + ffmpeg)

Was ist dashboard-walkthrough?

Dieses Skill ermöglicht es Claude Code, automatisch ein professionelles, erzähltes Walkthrough-Video eines laufenden Web-Dashboards zu erstellen. Es ist ideal für Entwickler, die schnelle Demos, Tutorials oder Dokumentationen für ihre Webanwendungen generieren möchten, ohne manuell Bildschirmaufnahmen zu machen oder Voiceovers aufzunehmen. Das Skill nutzt Playwright, um die Dashboard-Benutzeroberfläche zu steuern und Screenshots oder Bildsequenzen aufzunehmen. Anschließend wird eine neuronale Text-to-Speech (TTS)-Engine verwendet, um eine gesprochene Erklärung zu generieren, die mit ffmpeg zu einem 1080p-Video zusammengefügt wird. Die Plattformunterstützung umfasst Claude Code als primären Ausführungskontext, erfordert jedoch, dass der Benutzer eine lokale oder containerisierte Umgebung mit Playwright, ffmpeg und einem TTS-Dienst bereitstellt. Der Workflow ist darauf ausgelegt, vollständig automatisiert und reproduzierbar zu sein, sodass Entwickler ihr Dashboard einfach beschreiben und das fertige Video erhalten können.

Funktioniert mit✓Claude Code~Codex CLI~Cursor
npx skills add HusainZSabir53/dashboard-walkthrough

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht dashboard-walkthrough?

Claude Code-Fähigkeit: Erstellen eines erzählten 1080p-Walkthrough-Videos eines laufenden Web-Dashboards (Playwright + neuronale TTS + ffmpeg)

Verwandte Skills