Communitygithub.com

conardli/web-video-presentation

Transformez un article ou un script vocal en présentation web 16:9 pilotée par clics, semblable à une vidéo, avec possibilité de synthèse audio facultative.

Qu'est-ce que web-video-presentation ?

Cette compétence vous permet de convertir un article écrit ou un script de voix-off en une présentation web interactive au format 16:9, donnant l’impression de regarder une vidéo tout en restant intégralement basée sur des clics. Elle intègre un flux de travail structuré : à partir du texte original, elle génère en une seule passe un script de voix-off et un plan de développement (outline). L’utilisateur valide ensuite en une seule fois cinq éléments clés — script, plan, thème visuel, ressources média et mode de développement — avant de lancer la construction page par page (séquentielle ou parallèle). La synthèse audio est optionnelle et agnostique du fournisseur : support natif pour MiniMax (mmx-cli) et OpenAI TTS, avec possibilité de basculer vers ElevenLabs, edge-tts, Azure TTS ou un moteur personnalisé. Le plan ne décrit que le rythme et la densité d’information, jamais les animations — celles-ci sont conçues au moment du développement de chaque chapitre, en suivant les principes PRINCIPLES + ANTI-AI. Chaque clic avance d’une mesure du script, chaque étape occupe tout l’écran, et la barre de progression reste cachée jusqu’au survol. Cette compétence est utilisable pour : transformer un article en vidéo web dynamique (sans ressembler à un PowerPoint), créer des tutoriels enregistrables pour Bilibili, YouTube ou WeChat Video, ou réaliser des démos produit ou talks au rendu cinématographique. Elle ne dépend d’aucun style, police ou couleur spécifique — elle encapsule une méthodologie de design et un workflow collaboratif réutilisable sur n’importe quel thème ou esthétique.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait web-video-presentation ?

Transformez un article ou un script de voix-off en présentation web 16:9 pilotée par clics, donnant l'impression de regarder une vidéo, avec possibilité de synthèse audio facultative.

Flux de travail :

  1. Texte original → Production unique : script de voix-off + plan de développement (outline)
  2. Validation unique par l'utilisateur des 5 éléments : script, plan, thème, ressources, mode de développement
  3. Développement web (chapitre par chapitre, séquentiel ou parallèle)
  4. Synthèse audio facultative (agnostique du fournisseur : intégration native MiniMax mmx-cli + OpenAI TTS, interchangeable avec ElevenLabs / edge-tts / Azure / TTS personnalisé)

Principes clés :

  • Le plan (outline) ne définit que le rythme et la densité d'information — pas les animations. Les animations sont conçues au moment du développement de chaque chapitre, en suivant les PRINCIPES + RÈGLE ANTI-IA.
  • Chaque clic avance d'une mesure du script de voix-off.
  • Chaque étape occupe tout l'écran.
  • La barre de progression est cachée par défaut et n'apparaît qu'au survol.

Cas d'utilisation :

  • Créer une vidéo web (diaporama dynamique, mais qui ne ressemble pas à un PowerPoint)
  • Transformer un script de voix-off ou un article en narration interactive
  • Réaliser des tutoriels enregistrables pour Bilibili / YouTube / WeChat Video
  • Produire des démos produit ou des talks à l'esthétique cinématographique

Portabilité : Cette compétence encapsule une méthodologie de design et un workflow collaboratif — elle n'est liée à aucun style, police ou couleur spécifique — et peut donc être réutilisée sur n'importe quel thème ou esthétique.

Individual skills in this repo

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

Skills associés