Extension de navigateur
Chaque clic, chaque page et chaque formulaire rempli devient une étape avec sa capture. Vous placez les marqueurs ensuite.
Des guides pas à pas, faits de vraies captures
Enregistrez un parcours de votre application web, placez des marqueurs numérotés, et chacun le lit comme une courte vidéo. Un seul Web Component lit les guides dans Vue, React, Svelte et en HTML.
Open source · MIT · Windows et Linux · npmAgent IA
Installez le skill une fois, puis demandez à votre agent de documenter un parcours. Il pilote son navigateur et écrit le guide dans votre projet.
Ligne de commande
create, capture add, annotate et validate construisent un guide à partir de fichiers de captures, dans un script ou à la main.
Studio web
Ouvrez un guide de votre projet dans le navigateur, déplacez les marqueurs et écrivez leurs notes. Chaque enregistrement écrit guide.json sur place.
Studio de bureau
Une bibliothèque sur disque et une timeline pour ordonner les étapes et régler la durée de chacune, sous Windows et Linux.
Un seul Web Component
Le même élément lit le guide dans tous les frameworks, avec un thème clair et un thème sombre, le clavier et le plein écran.
Un guide tient dans un fichier JSON et ses captures
Chaque étape garde sa capture, sa durée, le curseur et ses marqueurs. Le player en fait la timeline de la démo ci-dessus.
- Étapes de démo
- 4
- Durée
- 11 s
- Captures
- 2560 × 1440
Lisez-le sur votre site
Installez le player et pointez l'élément vers un guide. Les captures se chargent depuis le dossier de guide.json.
README du playernpm install @interactive-learning/player<interactive-learning
src="/guides/sign-up/guide.json"
></interactive-learning>
<script type="module">
import "@interactive-learning/player/auto";
</script>