GratuitVidéo
Fenêtre d'application et zoom
- 365365 téléchargements
- 125125 mentions J'aime
- 188188 sauvegardes
Compatible avec
+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Démo guidée auto-narrée pour page web v1.0.0
Utilisez cette ressource pour ajouter une visite guidée narrée à une page web ou à un diaporama HTML
Nouveau
- 499 téléchargements
- 121 mentions J'aime
- 127 sauvegardes
4,49 €
Accès à vie à cette ressource, avec ses mises à jour.
Installer avec la CLI
Dans un terminal, depuis le dossier voulu :
npx --yes palatekit@latest install guided-demo-narrationSans option, la skill va dans ~/.agents/skills/ ; ajoutez --agent claude-code (ou codex, cursor…) pour viser un agent.
Première fois : connectez la CLI avec
npx --yes palatekit@latest loginL'agent pose un panneau de narration par-dessus votre page, sans toucher à son code. Un tableau d'étapes pilote la mise en surbrillance, le texte tapé à l'écran, la voix en option et le passage automatique à l'étape suivante. Vous obtenez une démo qui se déroule seule ou qui accompagne un présentateur.
Choisie surtout par
Mise à jour le 2 novembre 2026
Aperçus
Caractéristiques
- Fonctionne dans
- Guides d'installation
- Génère avec
- Le modèle de votre agent
- Licence
- Apache-2.0
Ressources similaires
Tout voir- Gratuit
GratuitVidéo
Un seul grand chiffre
- 463463 téléchargements
- 223223 mentions J'aime
- 100100 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
PalateKit Motion, la bibliothèque
- 338338 téléchargements
- 198198 mentions J'aime
- 249249 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Trois barres face à face
- 348348 téléchargements
- 133133 mentions J'aime
- 182182 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Avant / après au curseur
- 322322 téléchargements
- 248248 mentions J'aime
- 238238 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Carrousel de trois cartes
- 418418 téléchargements
- 157157 mentions J'aime
- 101101 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Échange en bulles
- 564564 téléchargements
- 127127 mentions J'aime
- 161161 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
PROVidéo
Liste qui se coche
- 442442 téléchargements
- 233233 mentions J'aime
- 160160 sauvegardes
Compatible avec+ HyperFrames- Claude Code
- Codex
- Cursor
- et 3 autres
Ce que vous obtenez
- SKILL.md, traduit en français : questions préalables, structure du tableau d'étapes, minutage, conseils de rédaction du texte, pièges
- references/implementation.md : extraits de code JavaScript et CSS prêts à adapter
- references/react-integration.md : points propres aux applications React
Pour qui
- Présenter un prototype ou un tableau de bord à des investisseurs ou à un client
- Faire un diaporama HTML qui se raconte seul, même hors ligne
- Créer une visite d'accueil pour une démonstration produit
Pas pour qui
- Une visite d'accueil de production avec suivi et statistiques
- Enregistrer une vidéo d'écran
Étiquettes
- démo
- présentation
- html
- narration
- prototype
À propos
Vous dites
« Ajoute une démo guidée de 15 étapes à ma page de tableau de bord, avec une narration courte et la voix désactivée par défaut. »
Skill publiée par sammcj sous licence Apache-2.0, traduite par PalateKit.
Voir plusVoir moins
Prérequis
- À préparer
- La page, le prototype ou le diaporama HTML à animer et Le message de chaque étape, ou le public visé
Comment l'utiliser
- Donnez la page à enrichir et répondez aux questions sur les sections et le rythme.
- L'agent écrit le tableau d'étapes et ajoute le panneau de narration.
- Ouvrez la page, lancez la démo et ajustez les textes et les pauses.
Aperçu du contenu
Fichiers
- LICENSE11,1 Ko
- NOTICE-PALATEKIT.md0,4 Ko
- references/implementation.md21,1 Ko
- references/react-integration.md22,5 Ko
- SKILL.md10,2 Ko
Origine et licence
Modifié par PalateKit
- Auteur
- sammcj
- Source
- github.com/sammcj/agentic-coding/tree/3f58e2fcd85f52cc7ba7459016b8253686f20ae0/Skills/guided-demo
- Licence
- Apache-2.0
Notice
Version modifiée de « guided-demo » (sammcj, Apache-2.0) : traduction française et fiche par PalateKit.
Avis des utilisateurs
–
Aucune note pour l'instant
Chargement des avis…
Questions fréquentes
La démo modifie-t-elle ma page ?
Non, le moteur se superpose à la page et remet tout à zéro à l'arrêt. Il faut seulement des sélecteurs stables (identifiants ou attributs data) pour désigner les éléments.
Cela marche-t-il avec React ou Vue ?
Oui. Un fichier de référence détaille React avec React Router ; pour Vue et Svelte, les mêmes principes s'appliquent mais le code est à adapter.