Communitygithub.com

Vidéo de cours, étape 2 : vrais tutoriels écran

Enregistrez de vrais sites web ou applications de bureau et transformez leurs parcours en démos produit ou tutoriels pas à pas, avec une configuration OpenScreen.

Qu'est-ce que Vidéo de cours, étape 2 : vrais tutoriels écran ?

Recette Vidéo de cours, étape 2 (la démo pratique). L'agent enregistre un vrai site ou logiciel, capture le parcours clic par clic et le met en forme en tutoriel pas à pas ou en démo produit, pour que votre leçon montre l'outil réel plutôt qu'une slide figée.

Compatible avec✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/aievolutionpl/social-motion-agent/tree/HEAD/.agents/skills/screen-tutorials

Demander à votre IA préférée

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

Documentation

Enregistrements, démos et tutoriels d'outils IA

Racine du projet : trois niveaux de répertoire au-dessus de ce dossier de compétence. Lisez START_HERE.md, puis workflows/SCREEN_TUTORIALS.md. Exécution, comparaison et limites : docs/OPENSCREEN.md ; vérification actuelle : le fichier HANDOFF.md du job en cours.

Acheminer la requête

  • Une courte démonstration d'un produit/fonctionnalité → python -S studio.py route showcase.
  • Une leçon pédagogique avec étapes reproductibles → python -S studio.py route tutorial.
  • Un enregistrement brut est l'étape de capture de l'une ou l'autre voie, sans ajout d'une voix, d'une caméra ou d'une publication non demandée.

Utilisez le questionnaire d'accueil existant en cinq questions pour un nouveau film ; adaptez ses questions à l'outil, à l'apprenant, au résultat, à la durée/plateforme et à la narration. Réutilisez les réponses connues et les décisions de marque existantes. Ajouter cette intégration ou exécuter un montage technique n'est pas un nouveau film créatif et ne nécessite pas de tour d'accueil.

Recherchez la documentation officielle actuelle et l'interface utilisateur réelle de l'outil démontré avant de rédiger les instructions. Enregistrez son URL/version/date, les prérequis, le niveau de compte et les limites pertinentes pour la leçon. Montrez des actions et des résultats authentiques. Une interface simulée ne doit pas être présentée comme une séquence vidéo de l'application réelle.

Capturer et éditer

OpenScreen est l'enregistreur et l'éditeur de démos sélectionné. Utilisez scripts/openscreen.py avec votre environnement d'exécution installé séparément et configuré via config/openscreen.json. La compétence en amont est tools/repos/openscreen/plugin/skills/openscreen-demo/SKILL.md ; ses workflows MCP ne sont disponibles que lorsque ces outils sont réellement connectés. L'interface en ligne de commande existante fonctionne sans enregistrement MCP global ni nouvelle session d'agent. N'arrêtez pas une tâche compatible CLI simplement parce que MCP est absent.

Enregistrez une seule fenêtre d'application préparée, nommée de manière unique, avec une durée finie. Le wrapper vérifie que le sélecteur correspond exactement à une fenêtre et ne revient jamais au bureau. Utilisez un profil/des données de démonstration propres, gardez les secrets et les notifications en dehors de la prise, et activez le micro, l'audio système ou la caméra uniquement lorsqu'ils servent le film demandé. Sauvegardez les séquences brutes, .cursor.json, les fichiers annexes webcam/audio et le projet ensemble dans le job. pack gère actuellement les projets v2 hérités ; les documents générés par l'éditeur/les légendes doivent voir leurs actifs collectés séparément.

L'automatisation du navigateur ne déplace pas le pointeur physique. Conservez les horodatages et les coordonnées réels des actions ; si MCP est connecté, fournissez-les via setPointerTrack avec le mapping décrit par son schéma actuel. Sinon, utilisez des zooms et des bulles manuels intentionnels. Ne prétendez pas que le zoom automatique dispose de données de clic lorsque la télémétrie est absente. Gardez l'interface utilisateur réelle lisible dans une adaptation verticale ; recadrez ou recadrez délibérément.

Pour la narration en français, utilisez scripts/voiceover.py avec votre propre identifiant vocal et gardez la voix choisie stable. OpenScreen --audio mixe la voix off lors de l'exportation, tandis que sa commande captions lit l'audio de l'enregistrement : la voix off ajoutée à l'exportation ne recevra pas automatiquement de sous-titres. Générez/alignez les sous-titres à partir de la véritable voix off avec notre flux de travail de sous-titres existant, ou utilisez un enregistrement avec la narration déjà mixée avant le sous-titrage. Ne téléchargez pas un modèle Whisper inutile pour une capture silencieuse.

Réviser et livrer

Inspectez un brouillon pour la fenêtre correcte, le comportement réel de la fonctionnalité, les commandes lisibles, le curseur/zoom cohérent et le timing de la narration. Lancez l'exportation complète, ffprobe/décodage, inspectez les images finales, et vérifiez les noms/prononciations. Conservez l'enregistrement original et le projet modifiable ; enregistrez le MP4 sélectionné dans le flux de travail normal job/asset/timeline/probe/review/pack.

Signalez les capacités testées séparément des capacités non testées : capture d'écran, micro/caméra, connexion MCP et accès au compte. Ne déduisez jamais un enregistrement réussi d'un nom de fichier existant ou de l'aide CLI. Les commandes Electron natives sur cet hôte nécessitent une exécution en dehors du bac à sable restreint ; ne désactivez pas la sécurité Chromium pour contourner cela. La publication suit la règle d'approbation explicite existante.

Individual skills in this repo

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

Skills associés