tushaarmehtaa/tushar-skills

Compétences Claude Code pour produits IA : vérifications de déploiement, audits de modèles, économie unitaire, journaux de modifications.

Qu'est-ce que tushar-skills ?

Cette compétence pour Claude Code fournit un pipeline structuré pour créer des vidéos techniques et produits de haute qualité à l'aide de Remotion. Elle est conçue pour les développeurs qui créent des démonstrations de fonctionnalités, des explications techniques, des clips de lancement ou des tutoriels – garantissant que chaque vidéo est fondée sur des preuves solides, optimisée pour son contexte de visionnage et produite de manière déterministe. La compétence guide l'utilisateur depuis l'établissement du brief créatif à partir des actifs existants jusqu'au choix du bon format (par exemple, démonstration de produit, explication technique), puis à la rédaction d'un traitement dirigé par les preuves avant toute écriture de code. Elle insiste sur la rédaction de scripts synchronisés avec la chronologie visuelle, l'adaptation délibérée des formats aux différents ratios d'aspect et contextes sonores, et l'implémentation à l'aide des API et conventions d'un projet Remotion existant. Les vérifications de vérification couvrent les aspects techniques (typecheck, rendu, détection d'erreurs), éditoriaux (efficacité narrative, lisibilité) et d'accessibilité (légendes, niveaux sonores, survie en mode muet). La compétence évite les animations décoratives au profit d'un mouvement qui sert la relation entre les séquences.

Compatible avec✓Claude Code~Codex CLI✓Cursor
npx skills add tushaarmehtaa/tushar-skills

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Demander à votre IA préférée

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

Documentation

Vidéo de démonstration

Transformez un message défendable unique en une séquence visuelle adaptée à son contexte de visualisation, puis implémentez-la avec la configuration Remotion du dépôt. L'histoire, les preuves et la compréhension déterminent le traitement ; les transitions ne le font pas.

Établir le brief à partir des preuves disponibles

Inspectez le produit, les médias existants, les actifs de marque, l'interface utilisateur, la documentation et la configuration Remotion avant de poser des questions. Établissez :

  • le spectateur cible et ce qu'il sait avant de regarder ;
  • la destination, le rapport hauteur/largeur, le contexte avec ou sans son, et la plage de durée ;
  • une affirmation ou un résultat d'apprentissage principal ;
  • l'action produit, le résultat, les données ou la démonstration qui peuvent la prouver ;
  • l'appel à l'action ou l'implication finale ;
  • les séquences disponibles, les états de l'interface utilisateur, la narration, la musique, les polices et les contraintes de marque ;
  • la date limite, l'environnement de rendu et les livrables requis.

Ne demandez que les informations manquantes qui modifient l'affirmation, les preuves, la portée de la production ou les droits d'utilisation d'un actif. Si la direction créative est ouverte, proposez un traitement et un storyboard plutôt que de demander à l'utilisateur d'inventer des scènes.

Choisir le format

  • Visite guidée du produit — réalisation chronologique des tâches avec une interface utilisateur lisible et une interruption éditoriale minimale.
  • Clip de lancement ou social — proposition compressée, preuve produit, payoff et action ; doit fonctionner en mode muet si la destination se lance couramment sans son.
  • Explication technique — mécanisme, observation, interprétation, limitation et implication. Lisez rédaction d'explications avant d'écrire le script.
  • Démonstration de fonctionnalité — une capacité, état de départ, action, résultat visible et limite.
  • Tutoriel narré — instruction rythmée avec prérequis, intention du curseur, légendes, récupération et un résultat reproductible.

Ne combinez pas tous les formats en une seule vidéo. Lorsque plusieurs sorties sont demandées, définissez un récit maître et décidez quels moments survivent à chaque coupe.

Rédiger un traitement axé sur les preuves

Avant le code, produisez :

Spectateur :
Destination et format :
Affirmation principale :
Preuve visible :
Ce qui doit être compris à la fin :
Approche narration/légende :
Traitement :
Liste des moments avec timing approximatif :
Actifs ou captures requis :
Risques ou inconnues :

Chaque moment doit changer ce que le spectateur sait, voit ou peut faire. Associez chaque ligne de narration importante à une preuve visible ou à un contexte nécessaire. Supprimez les scènes décoratives qui ne font que répéter la voix off.

Utilisez des états produits réels et des données véridiques. Étiquetez les données de test représentatives et évitez de les présenter comme une preuve client.

Scénariser pour le temps et le contexte sonore

Rédigez la narration et le texte à l'écran ensemble. Estimez le timing en lisant le script à haute voix au rythme de livraison prévu, puis validez-le par rapport à l'audio enregistré ou généré plutôt que de vous fier uniquement au nombre de mots.

  • Gardez le texte critique à l'écran lisible suffisamment longtemps pour être analysé.
  • Légendez le contenu parlé lorsque le livrable nécessite l'accessibilité ou la compréhension en mode muet.
  • Ne laissez pas les légendes entrer en concurrence avec l'interface utilisateur du produit ou les superpositions de la plateforme.
  • Énoncez les termes spécialisés après avoir expliqué le mécanisme, puis utilisez-les de manière cohérente.
  • Maintenez les affirmations dans les limites de ce que la démonstration visible établit.

Pour la voix off, la musique, les effets sonores, la génération de légendes ou le travail de volume sonore, lisez audio et légendes avant d'ajouter des médias.

Planifier les formats délibérément

Ne rendez pas une seule composition inchangée dans chaque rapport hauteur/largeur. Pour chaque format demandé, définissez les zones de sécurité, la mesure du texte, le comportement de recadrage, l'échelle de l'interface utilisateur du produit et tout moment nécessitant une recomposition ou une omission.

Partagez les composants et les données de chronologie lorsque cela est utile, mais permettez une composition spécifique au format. N'enregistrez que les livrables dont l'utilisateur a besoin.

Implémenter dans le projet Remotion existant

Inspectez les versions installées, le format de module, le point d'entrée du projet, la configuration, les scripts et les primitives existantes. Utilisez ces API et conventions. Pour un nouveau projet autonome, sélectionnez des versions actuelles compatibles plutôt que de copier des versions figées de cette compétence.

Séparez les préoccupations lorsque la taille du projet en bénéficie :

  • enregistrement de la composition et props d'entrée ;
  • données narratives/de chronologie ;
  • scènes ou plans ;
  • primitives visuelles partagées ;
  • chargement des médias et des polices ;
  • légendes et mixage audio ;
  • tests ou assertions de trames.

Passez le temps local de la chronologie aux scènes lorsque leur animation est relative à la scène. Utilisez le temps global uniquement pour un comportement délibérément continu. Limitez l'interpolation uniquement lorsque les valeurs peuvent sortir de la plage prévue ; n'ajoutez pas d'options cérémonielles aux entrées bornées.

Lisez primitives Remotion uniquement lorsque le traitement nécessite des motifs réutilisables de cycle de vie de scène, de révélation de texte, de transition ou de saisie. Adaptez les primitives au langage visuel choisi ; aucune n'est obligatoire.

Lisez aide-mémoire d'implémentation lors du choix des paramètres d'animation, du dimensionnement réactif, du chargement des polices ou des commandes de rendu. Vérifiez les API par rapport à la version installée de Remotion.

Concevoir le mouvement à partir du sens

Choisissez les coupes, fondus, continuité spatiale, révélations, zooms ou pauses en fonction de la relation entre les moments. Évitez d'utiliser des ressorts, du stagger, du grain, de la lueur, de la simulation de terminal, des boutons rebondissants ou des dégradés animés comme recette signature.

L'animation doit être déterministe en cas de recherche de trame. Prenez en charge le mouvement réduit lorsque la vidéo est intégrée en tant qu'expérience interactive ou web. N'animez pas les détails fins qui disparaissent à la taille de livraison finale.

Gérer la capture produit

Lors de l'affichage d'un produit en direct :

  1. définissez l'état exact et les données nécessaires ;
  2. supprimez les secrets et informations personnelles ;
  3. contrôlez la fenêtre d'affichage, le curseur, le zoom et les paramètres d'animation ;
  4. capturez à une résolution suffisante ;
  5. préservez la chronologie de l'interface utilisateur afin que les actions et les résultats restent crédibles ;
  6. enregistrez les limitations lorsqu'une maquette ou un dispositif de test remplace un état en direct.

Contrat de sortie

Livrez la combinaison demandée de :

  • traitement et feuille de temps des moments ;
  • narration et script à l'écran ;
  • manifeste des actifs/captures avec provenance ;
  • code source Remotion et identifiants de composition ;
  • fichier de légendes ou légendes intégrées ;
  • fichiers rendus nommés par format ;
  • images fixes représentatives ou trames de révision ;
  • rapport de vérification incluant les contrôles techniques et éditoriaux.

Indiquez quels formats partagent une chronologie et lesquels ont été composés indépendamment.

Vérifier

Technique

  1. Installez ou réutilisez les dépendances conformément à la politique du dépôt.
  2. Exécutez la vérification de type, la construction et les tests pertinents.
  3. Listez les compositions et effectuez le rendu de chaque livrable demandé.
  4. Cherchez des trames représentatives autour des limites de scène et confirmez la sortie déterministe.
  5. Vérifiez les branches spécifiques au format, aux médias manquants, au chargement des polices, aux longs textes et aux branches spécifiques au format.
  6. Confirmez que la résolution de sortie, le taux de trames, la durée, le codec et la taille du fichier correspondent au contrat de livraison.

Éditorial et visuel

  1. Regardez chaque rendu final du début à la fin à vitesse normale.
  2. Confirmez que l'ouverture établit la pertinence, la preuve est visible et la fin résout l'affirmation énoncée.
  3. Examinez à la taille réelle du fil ou du lecteur, en mode muet et avec le son le cas échéant.
  4. Vérifiez la durée du texte, la synchronisation des légendes, les zones de sécurité, les superpositions de la plateforme, la lisibilité de l'interface utilisateur et la continuité visuelle.
  5. Confirmez que la narration ne dépasse jamais les preuves ou ne revendique pas un comportement produit indisponible.

Audio et accessibilité

  1. Écoutez avec des écouteurs et des haut-parleurs ordinaires ; vérifiez les pics, l'écrêtage, les montages brusques, l'intelligibilité et le volume sonore constant.
  2. Vérifiez les légendes par rapport à l'audio final, y compris les noms et les termes techniques.
  3. Confirmez que la signification essentielle survit à la lecture en mode muet lorsque cela est requis.

Signalez chaque contrôle réellement effectué et toute limitation causée par des actifs, services, codecs ou contexte de déploiement indisponibles.

Individual skills in this repo

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

Skills associés