Communitygithub.com

conardli/web-video-presentation

Erstellen Sie klickgesteuerte 16:9-Webpräsentationen aus einem Artikel oder einem Skript, die wie ein Video aussehen. Optional mit synthetisierter Audiosprache.

Was ist web-video-presentation?

Diese Fähigkeit verwandelt einen Artikel oder ein Skript in eine interaktive, klickgesteuerte 16:9-Webpräsentation, die wie ein Video aussieht – ideal für Tutorials, Produktdemos oder erklärende Inhalte auf Plattformen wie Bilibili, YouTube oder WeChat Channels. Der gesamte Ablauf ist strukturiert: Ausgangsmaterial → einmalige Erstellung von Skript + Outline → einmalige Abstimmung mit dem Nutzer über fünf Schlüsselpunkte (Skript, Outline, Thema, Material, Entwicklungsmodus) → Webentwicklung (kapitelweise, sequentiell oder parallel) → optionale Audiosprachensynthese. Der Skill unterstützt mehrere TTS-Anbieter (MiniMax mmx-cli, OpenAI TTS, ElevenLabs, edge-tts, Azure, eigene TTS) und folgt einem Design-Prinzip: Die Outline plant nur Rhythmus und Informationsdichte, KEINE Animationen – diese werden während der kapitelweisen Entwicklung basierend auf den PRINCIPLES und ANTI-AI-Richtlinien spontan erstellt. Jeder Klick schreitet einen Beat des Skripts voran, jeder Schritt belegt den gesamten Bildschirm, und die Fortschrittsleiste erscheint nur beim Schweben. Der Skill ist methoden- und plattformunabhängig – keine Bindung an spezifische Schriftarten, Farben oder Themen – und lässt sich auf jede Ästhetik anwenden.

Funktioniert mit~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/conardli/garden-skills/tree/main/skills/web-video-presentation

In Ihrer bevorzugten KI fragen

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

Dokumentation

Was macht web-video-presentation?

Einen Artikel oder ein Skript in eine klickgesteuerte 16:9-Webpräsentation verwandeln, die wie ein Video aussieht, optional mit synthetisierter Audiosprache. Ablauf: Ursprünglicher Artikel → Einmalige Erstellung von Skript + Outline-Entwicklungsplan → Nutzer stimmt einmalig 5 Dinge ab (Skript / Outline / Thema / Material / Entwicklungsmodus) → Webentwicklung (kapitelweise / sequentiell / parallel) → optionale Audio-Synthese (anbieter-unabhängig: integriertes MiniMax mmx-cli + OpenAI TTS, austauschbar mit ElevenLabs / edge-tts / Azure / eigener TTS). Die Outline plant nur Rhythmus und Informationsdichte, KEINE Animationen – Animationen werden während der kapitelweisen Entwicklung nach den PRINCIPLES + ANTI-AI-Regeln spontan gestaltet. Jeder Klick schreitet einen Beat des Skripts voran, jeder Schritt belegt den gesamten Bildschirm, die Fortschrittsleiste ist normalerweise versteckt und erscheint nur beim Schweben. Anwendungsbereiche: Webseiten als Video erstellen (dynamische PPTs, die aber nicht wie PPTs aussehen), ein Skript/einen Artikel in eine interaktive Erklärung verwandeln, Bildschirmaufnahmen für Tutorials auf Bilibili / YouTube / Video Accounts, filmische Produkt-/Talk-Demos gestalten. Dieser Skill destilliert eine Design-Methodik + einen Kollaborations-Workflow – er ist nicht an bestimmte Stile / Schriftarten / Farben gebunden – und kann daher auf jedes Thema und jede Ästhetik angewendet werden.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Verwandte Skills