Sarthib7/agentsmith

Préambule (à exécuter en premier)

_TEL_TIER=$(cat ~/.superstack/config.json 2>/dev/null | grep -o '"telemetryTier": *"[^"]*"' | head -1 | sed 's/.*"telemetryTier": *"//;s/"$//'  || echo "anonymous")
_TEL_TIER="${_TEL_TIER:-anonymous}"
_TEL_PROMPTED=$([ -f ~/.superstack/.telemetry-prompted ] && echo "yes" || echo "no")
_TEL_START=$(date +%s)
_SESSION_ID="$$-$(date +%s)"
mkdir -p ~/.superstack
echo "TELEMETRY: $_TEL_TIER"
echo "TEL_PROMPTED: $_TEL_PROMPTED"
if [ "$_TEL_TIER" != "off" ]; then
_TEL_EVENT='{"skill":"marketing-video","phase":"launch","event":"started","ts":"'$(date -u +%Y-%m-%dT%H:%M:%SZ)'"}' 
echo "$_TEL_EVENT" >> ~/.superstack/telemetry.jsonl 2>/dev/null || true
_CONVEX_URL=$(cat ~/.superstack/config.json 2>/dev/null | grep -o '"convexUrl":"[^"]*"' | head -1 | cut -d'"' -f4 || echo "")
[ -n "$_CONVEX_URL" ] && curl -s -X POST "$_CONVEX_URL/api/mutation" -H "Content-Type: application/json" -d '{"path":"telemetry:track","args":{"skill":"marketing-video","phase":"launch","status":"success","version":"0.2.0","platform":"'$(uname -s)-$(uname -m)'","timestamp":'$(date +%s)000'}}' >/dev/null 2>&1 &
true
fi

Si TEL_PROMPTED est no : Avant de démarrer le flux de travail de la compétence, demandez à l'utilisateur à propos de la télémétrie. Utilisez AskUserQuestion :

Aidez superstack à s'améliorer ! Nous suivons quelles compétences sont utilisées et combien de temps elles prennent — pas de code, pas de chemins de fichiers, pas de données personnelles. Modifiable à tout moment dans ~/.superstack/config.json.

Options :

• A) Oui, aidez superstack à s'améliorer (anonyme)
• B) Non merci

Si A : exécutez ce bash :

echo '{"telemetryTier":"anonymous"}' > ~/.superstack/config.json
_TEL_TIER="anonymous"
touch ~/.superstack/.telemetry-prompted

Si B : exécutez ce bash :

echo '{"telemetryTier":"off"}' > ~/.superstack/config.json
_TEL_TIER="off"
touch ~/.superstack/.telemetry-prompted

Ceci n'arrive qu'une seule fois. Si TEL_PROMPTED est yes, ignorez complètement cette étape et passez au flux de travail de la compétence.

Mauvaise compétence ? Voir SKILL_ROUTER.md pour toutes les compétences disponibles.

Vidéo Marketing — Remotion + Renoise

Créez des vidéos marketing pour votre projet Solana en utilisant deux approches complémentaires :

• Remotion (basé sur le code) : Vidéos React programmatiques — contrôle total, reproductibles, versionnées. Utilise les compétences officielles Remotion (38 modules de règles).
• Renoise (généré par IA) : Génération vidéo par IA — rapide, créative, sans code nécessaire

Objectif : Qualité professionnelle qui ne semble pas générée par IA. Lisez references/professional-quality-guide.md avant de commencer tout travail Remotion.

Quand l'utiliser

• /marketing-video — Flux de travail complet de production vidéo
• /deck-review — Convertir un pitch deck en format vidéo
• « Crée une vidéo marketing pour mon projet Solana »
• « Fais une vidéo de démonstration produit »
• « Transforme mon pitch deck en vidéo »
• « Crée une promo pour les réseaux sociaux »
• « Fais un TikTok pour ma dApp »

Non-Négociables

• Ne sautez jamais l'entretien. Ne devinez pas le produit, le public ou la direction visuelle. Demandez.
• Ne demandez jamais de détails techniques sur les animations. L'utilisateur ne se soucie pas des configurations de ressort ou de TransitionSeries. Interrogez-le sur son produit, son histoire, son goût.
• Restez opinioné. Si l'idée de l'utilisateur pour une vidéo est faible (trop longue, mauvais public, sans accroche), dites-le clairement et redirigez.
• Le goût visuel d'abord, le code ensuite. Établissez ce que la vidéo devrait TRANSMETTRE avant d'écrire une seule ligne de Remotion.
• Rassemblez les éléments de manière proactive. Demandez des captures d'écran, logos, couleurs de marque. S'ils n'en ont pas, trouvez des icônes SVG (Lucide, Heroicons), générez des palettes de couleurs et suggérez des styles d'illustration.
• Guichet unique. Cette compétence gère tout : entretien → concept → storyboard → rassemblement d'éléments → structure → code → rendu → montages plateforme. L'utilisateur ne devrait pas avoir besoin d'autre outil.

Flux de travail

Étape 1 : Collecte de contexte (avant de demander quoi que ce soit)

Vérifiez silencieusement le contexte existant. Lisez ces fichiers s'ils existent — ne demandez pas à l'utilisateur de se répéter :

.superstack/idea-context.md    → Concept produit, public, proposition de valeur
.superstack/build-context.md   → Stack technique, fonctionnalités, statut de déploiement

Vérifiez aussi : Un projet Remotion existe-t-il déjà dans le répertoire de travail ? (remotion.config.ts ou package.json avec dépendance remotion)

Détection automatique des assets produit. Avant l'entretien, scannez le projet pour du matériel visuel utilisable :

# Captures d'écran et images
find . -maxdepth 3 -type f \( -name "*.png" -o -name "*.jpg" -o -name "*.jpeg" -o -name "*.webp" \) ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

# Fichiers SVG (logos, icônes, illustrations)
find . -maxdepth 3 -type f -name "*.svg" ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

# Enregistrements vidéo/écran
find . -maxdepth 3 -type f \( -name "*.mp4" -o -name "*.webm" -o -name "*.mov" \) ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -10

# Couleurs de marque depuis la configuration CSS/Tailwind
grep -r "primary\|accent\|brand" tailwind.config.* globals.css theme.* 2>/dev/null | head -10

# Package.json pour nom/description du projet
cat package.json 2>/dev/null | grep -E '"name"|"description"' | head -5

Si vous trouvez des assets, mentionnez-les pendant l'entretien : « J'ai remarqué que vous avez des captures d'écran dans public/ et un logo SVG — je peux les utiliser directement. »

Étape 2 : L'entretien (approfondi, axé sur le produit)

C'est une conversation, pas un questionnaire. Commencez par les questions principales. Creusez en fonction de leurs réponses. Ne passez PAS à la production avant de pouvoir articuler clairement : ce que fait le produit, qui s'y intéresse, pourquoi c'est important, et ce que la vidéo devrait faire ressentir à quelqu'un.

Tour 1 — Le Produit (obligatoire, demandez tout) :

1. « Explique-moi ton produit comme si j'étais un utilisateur potentiel, pas un développeur. » Pourquoi : Les oblige à sortir du jargon technique. La vidéo doit parler le langage de l'utilisateur.

2. « Qui va spécifiquement regarder cette vidéo ? Pas « tout le monde » — donne-moi une personne. » Pourquoi : Une vidéo pour un degens DeFi est complètement différente de celle pour un juge de hackathon. Suivi si vague : « Cette personne est-elle technique ? Utilise-t-elle déjà la crypto ? Que fait-elle quand elle voit ta vidéo — fait défiler Twitter, navigue sur une page d'accueil, assiste à une réunion de pitch ? »

3. « Quelle est la seule chose que tu veux que le spectateur FASSE après avoir regardé ? » Pourquoi : Chaque image existe pour conduire à cette action. Pas d'action = pas d'intérêt. Insistez s'ils disent « apprendre à nous connaître » — ce n'est pas une action. « S'inscrire », « essayer la démo », « visiter le site », « voter pour nous » — ce sont des actions.

Tour 2 — L'Histoire (obligatoire, demandez tout) :

4. « Quel problème ton produit résout-il ? Décris la douleur — fais-la moi ressentir. » Pourquoi : Les meilleures vidéos commencent par un problème que le spectateur a déjà. Pas de problème = pas d'accroche.

5. « Quel est le « moment aha » dans ton produit ? La chose qui fait dire aux gens « oh attends, c'est vraiment cool ». » Pourquoi : Cela devient la pièce maîtresse de la vidéo. S'ils ne peuvent pas le nommer, creusez : « De quoi les utilisateurs vous complimentent-ils le plus ? Quel est le moment de démo qui obtient des réactions ? »

6. « As-tu un chiffre qui ferait arrêter quelqu'un de défiler ? » Pourquoi : Les métriques sont les accroches les plus puissantes dans le contenu crypto. Exemples : « 2M$ TVL », « 400ms de règlement », « 50K transactions », « 10x moins cher qu'Ethereum ». S'ils n'ont pas de métrique : « Quelle est la preuve la plus concrète que ton produit fonctionne ? Nombre d'utilisateurs ? Volume de transactions ? Comparaison de vitesse ? »

Tour 3 — Le Goût (obligatoire, demandez tout) :

7. « Montre-moi une vidéo que tu aimes — de n'importe quelle marque, n'importe quel secteur. Quelque chose qui capture l'énergie que tu veux. » Pourquoi : Cela révèle plus sur la qualité et le ton souhaités que toute question à choix multiples. S'ils ne peuvent pas en nommer une, offrez des points de référence :

   • « Propre et minimal, comme un lancement de produit Apple ? »
   • « Rapide et percutant, comme un banger crypto Twitter ? »
   • « Technique et geek, comme une conférence développeur ? »
   • « Audacieux et cinématographique, comme une bande-annonce de film ? »
   • « Joueur et mème, comme une tendance TikTok ? »

8. « Quelle ambiance devrait avoir cette vidéo ? Choisis une : confiante, urgente, joueuse, mystérieuse, autoritaire, rebelle. » Pourquoi : L'ambiance détermine tout — palette de couleurs, vitesse d'animation, poids de la typographie, choix musical.

9. « Où les gens verront-ils cette vidéo ? Quelle plateforme ? » Pourquoi : Détermine le format (16:9 vs 9:16), la durée (15s vs 3min) et la fenêtre d'accroche (1s pour TikTok, 5s pour YouTube).

Tour 4 — Les Assets (obligatoire, demandez tout) :

10. « As-tu : un logo, des couleurs de marque et une capture d'écran de ton produit ? Partage ce que tu as. » Pourquoi : Des images réelles du produit distinguent le professionnel du générique. S'ils n'ont rien, pas de problème — nous générerons des visuels.

    • S'ils ont un logo : Obtenez-le en SVG si possible, PNG sinon
    • S'ils ont des couleurs de marque : Obtenez les codes hexadécimaux
    • S'ils ont des captures d'écran : Obtenez-les dans la plus haute résolution possible
    • S'ils n'ont RIEN : « Pas de souci. Je vais configurer un système visuel — nous utiliserons des icônes SVG, une palette de couleurs générée et du texte animé pour construire la vidéo. »

11. « As-tu un ton d'écriture préféré pour les superpositions de texte et les légendes ? Minuscules et décontracté, ou soigné et formel ? » Pourquoi : Les superpositions de texte et le texte de publication doivent correspondre à la voix du fondateur. Lisez ../tone-guide.md pour les valeurs par défaut.

12. « Y a-t-il un texte spécifique qui DOIT apparaître ? Tagline, URL, métrique, nom de hackathon ? » Pourquoi : Certains textes sont non-négociables (logos des sponsors, branding de hackathon, URL du produit).

Tour 5 — La Contrainte (demandez si nécessaire) :

12. « Y a-t-il une date limite ? Soumission de hackathon, date de lancement, réunion de pitch ? » Pourquoi : S'ils en ont besoin dans 2 heures, nous utilisons un modèle Remotion rapide ou Renoise. S'ils ont une semaine, nous pouvons être plus ambitieux.

13. « Budget pour des extras ? Voix off (ElevenLabs), musique, images libres de droits ? » Pourquoi : Détermine si nous utilisons uniquement des effets sonores (gratuits) ou ajoutons une voix off TTS / musique sous licence.

Règles de l'entretien

• Adaptez-vous, ne scriptez pas. Si l'utilisateur donne une réponse riche à la question 1 qui couvre les questions 2 à 4, sautez-les. S'il est laconique, creusez davantage.
• Remettez en question les accroches faibles. Si leur « métrique qui arrête le défilement » est « nous utilisons Solana » — ce n'est pas une accroche. Poussez pour quelque chose de spécifique et surprenant.
• Pas de fausses louanges. Si leur concept vidéo est trop ambitieux pour un clip Twitter de 15s, dites-le. Si leur produit n'a pas encore d'histoire visuelle claire, aidez-les à en trouver une.
• Ne demandez jamais de préférences d'animation. Les utilisateurs ne savent pas ce que signifie « amortissement du ressort » et ne devraient pas avoir à le savoir. Demandez la SENSATION, pas la technique. Vous traduisez le goût → la technique.
• 3 questions max par message. Ne déversez pas les 13 questions en une fois. Des tours de conversation.

Étape 2.5 : Recherche en direct (obligatoire avant la direction créative)

Chaque métrique montrée dans une vidéo doit être à jour. Avant de produire le brief créatif, recherchez :

• Obtenez le TVL actuel, le volume, les nombres d'utilisateurs pour le produit et ses concurrents en utilisant la recherche web ou des outils MCP (DefiLlama, CoinGecko)
• Obtenez les dernières statistiques de l'écosystème pertinentes pour l'accroche (par exemple, volume total des perps Solana, nombre de jetons lancés sur pump.fun, etc.)
• Vérifiez tous les chiffres mentionnés par l'utilisateur pendant l'entretien

Chaque chiffre qui apparaît comme texte dans la vidéo doit provenir de cette passe de recherche. Des métriques obsolètes dans une vidéo sont pires que pas de métriques.

Vérifiez les récents hacks/exploits. Ne faites pas référence à des protocoles hackés de manière positive. Vérifiez avant de citer un protocole comme concurrent ou comparaison.

Étape 3 : Direction Créative (Vous Décidez, l'Utilisateur Approuve)

Après l'entretien, VOUS produisez la direction créative. Ne demandez pas à l'utilisateur de choisir parmi un menu — présentez une seule recommandation confiante qu'il peut approuver ou contester.

Produisez un Brief Créatif qui inclut :

1. Concept Vidéo — Une phrase : « Un clip Twitter de 30 secondes qui s'ouvre sur votre métrique de règlement de 2M$, montre une démo produit en 3 étapes et se termine par un QR code vers votre site. »

2. Cadre Narratif — Choisissez le meilleur (lisez references/video-storytelling.md) :

   Cadre	Meilleur pour	Structure
   Accroche-Preuve-CTA	Twitter, TikTok (15-30s)	Métrique choquante → Preuve démo → « Essaye-le »
   Problème-Démo-Résultat	Démo produit (30-90s)	Point douloureux → Démo solution → Résultat
   Avant/Après	Pages d'accueil (30-60s)	Ancienne méthode (pénible) → Nouvelle méthode (fluide)
   Speedrun	Démo hackathon (1-3min)	Parcours complet du produit à grande vitesse
   Sandwich Témoignage	YouTube, contenu long	Citation utilisateur → Démo → Citation utilisateur
   Histoire de Données	Produits DeFi/infra	Métriques animées racontant une histoire de croissance

3. Direction Visuelle — Moodboard en mots :

   • Palette de couleurs (codes hexadécimaux — dérivés de leur marque ou générés)
   • Choix typographiques (police de titre + police de corps)
   • Sensation d'animation : « fluide et élégant » ou « rapide et percutant » ou « lourd et cinématographique »
   • Éléments visuels clés : Qu'est-ce qui apparaît à l'écran dans chaque scène

4. Storyboard Scène par Scène — Écrit, image par image :

   Scène 1 (0-3s) : ACCROCHE — Grande métrique animée « 2,1M$ » apparaît sur fond noir.
                    Sous-titre apparaît en fondu : « réglé en 30 jours. Zéro compte bancaire. »
   Scène 2 (3-8s) : PROBLÈME — Le texte se révèle ligne par ligne : « Les agents IA ne peuvent pas se payer
                     sans un cosignataire humain. » Teinte rouge, désaturée.
   Scène 3 (8-22s) : DÉMO — Capture d'écran du produit glisse depuis la droite. Des flèches animées pointent
                     vers les fonctionnalités clés. Les étiquettes apparaissent en séquence.
   Scène 4 (22-27s) : PREUVE — Trois cartes métriques apparaissent avec décalage : « 50K+ transactions »,
                      « 120 agents », « <400ms de règlement »
   Scène 5 (27-30s) : CTA — « Essayez maintenant » avec URL et QR code. Transition avec fuite de lumière.
   

5. Éléments Visuels Nécessaires — Liste concrète :

   • Captures d'écran à capturer / fournir
   • Icônes SVG à utiliser (de Lucide, Heroicons ou personnalisées)
   • Illustrations ou diagrammes à créer
   • Assets de marque (emplacement du logo, couleurs)

6. Décision d'Approche — Remotion ou Renoise

…

[version tronquée pour la traduction]