Communitygithub.com

Sarthib7/agentsmith

Erstelle Marketing-Videos für Solana-Projekte mit Remotion (code-getrieben) und Renoise (KI-generiert). Verwende, wenn der Nutzer „Marketingvideo“, „Produktvideo“, „Promo-Video“, „Deck-Review“, „Video-Pitch“, „Video erstellen“ oder „Remotion-Projekt“ sagt.

Was ist agentsmith?

Diese Fähigkeit für KI-Agenten (z. B. Claude Code, Cursor, Codex) ermöglicht die professionelle Erstellung von Marketing-Videos für Solana-Projekte. Sie kombiniert zwei komplementäre Ansätze: Remotion für programmatische, versionierbare React-Videos mit voller Kontrolle und Renoise für schnelle, kreative KI-Videogenerierung. Der Fokus liegt auf hochwertigen Videos, die nicht wie KI-generiert aussehen – vor jeder Remotion-Arbeit muss die Referenzanleitung zur professionellen Qualität gelesen werden. Der Workflow ist in klare Schritte gegliedert: Kontextaufnahme (Lesen bestehender Projektdateien, automatische Asset-Erkennung), ein tiefgehendes Interview über Produkt, Zielgruppe, Story und visuelle Vorlieben, Live-Recherche für aktuelle Metriken, Erstellung einer kreativen Direction zur Freigabe durch den Nutzer und schließlich die Produktion. Die Fähigkeit stellt sicher, dass der Agent nie zu technischen Animationsdetails fragt, sondern sich auf das Produkt, die Geschichte und den visuellen Geschmack konzentriert. Sie ist als Komplettlösung konzipiert – von der Ideenfindung bis zum Rendering – und unterstützt verschiedene Plattformformate wie Twitter, TikTok und YouTube.

Funktioniert mit✓Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/Sarthib7/agentsmith/tree/HEAD/skills/marketing-video

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Präambel (zuerst ausführen)

_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

Wenn TEL_PROMPTED no ist: Frage den Benutzer vor dem Start des Skill-Workflows nach Telemetrie. Verwende AskUserQuestion:

Hilf superstack, besser zu werden! Wir verfolgen, welche Skills genutzt werden und wie lange sie dauern – kein Code, keine Dateipfade, keine personenbezogenen Daten. Jederzeit änderbar in ~/.superstack/config.json.

Optionen:

  • A) Ja, hilf superstack, sich zu verbessern (anonym)
  • B) Nein danke

Wenn A: führe dieses Bash aus:

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

Wenn B: führe dieses Bash aus:

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

Dies passiert nur einmal. Wenn TEL_PROMPTED yes ist, überspringe dies vollständig und fahre mit dem Skill-Workflow fort.

Falscher Skill? Siehe SKILL_ROUTER.md für alle verfügbaren Skills.

Marketing-Video — Remotion + Renoise

Erstelle Marketing-Videos für deine Solana-Projekte mit zwei komplementären Ansätzen:

  • Remotion (code-getrieben): Programmatische React-Videos — volle Kontrolle, reproduzierbar, versionsverwaltet. Verwendet die offiziellen Remotion-Skills (38 Regelmodule).
  • Renoise (KI-generiert): KI-Videogenerierung — schnell, kreativ, kein Code nötig

Ziel: Professionelle Qualität, die nicht wie KI-generiert aussieht. Lese references/professional-quality-guide.md, bevor du mit Remotion-Arbeiten beginnst.

Wann zu verwenden

  • /marketing-video — Vollständiger Videoproduktions-Workflow
  • /deck-review — Pitchdeck in Videoformat konvertieren
  • „Erstelle ein Marketing-Video für mein Solana-Projekt“
  • „Erstelle ein Produkt-Demo-Video“
  • „Verwandle mein Pitchdeck in ein Video“
  • „Erstelle einen Social-Media-Promo“
  • „Erstelle einen TikTok für meine dApp“

Nicht verhandelbar

  • Überspringe niemals das Interview. Rätsele nicht über das Produkt, die Zielgruppe oder die visuelle Richtung. Frage nach.
  • Frage niemals nach Animationstechnischem. Der Nutzer kümmert sich nicht um Spring-Konfigurationen oder TransitionSeries. Frage nach ihrem Produkt, ihrer Geschichte, ihrem Geschmack.
  • Bleibe meinungsstark. Wenn die Idee des Nutzers für ein Video schwach ist (zu lang, falsche Zielgruppe, kein Haken), sage es klar und lenke um.
  • Visueller Geschmack zuerst, Code zweitens. Lege fest, wie sich das Video ANFÜHLEN soll, bevor du eine einzige Zeile Remotion schreibst.
  • Sammle Elemente proaktiv. Frage nach Screenshots, Logos, Markenfarben. Wenn sie keine haben, besorge SVG-Icons (Lucide, Heroicons), generiere Farbpaletten und schlage Illustrationsstile vor.
  • Rundum-Sorglos-Paket. Dieser Skill erledigt alles: Interview → Konzept → Storyboard → Elemente sammeln → Gerüst → Code → Rendern → Plattformkürzungen. Der Nutzer sollte kein weiteres Werkzeug benötigen.

Workflow

Schritt 1: Kontextsammlung (Bevor du etwas fragst)

Überprüfe stillschweigend den vorhandenen Kontext. Lese diese Dateien, wenn sie existieren – bitte den Nutzer nicht, sich zu wiederholen:

.superstack/idea-context.md    → Produktkonzept, Zielgruppe, Wertversprechen
.superstack/build-context.md   → Tech-Stack, Funktionen, Bereitstellungsstatus

Überprüfe auch: Existiert bereits ein Remotion-Projekt im Arbeitsverzeichnis? (remotion.config.ts oder package.json mit Remotion-Abhängigkeit)

Produkt-Assets automatisch erkennen. Scanne vor dem Interview das Projekt nach verwendbarem visuellen Material:

# Screenshots und Bilder
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

# SVG-Dateien (Logos, Icons, Illustrationen)
find . -maxdepth 3 -type f -name "*.svg" ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

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

# Markenfarben aus CSS/Tailwind-Konfig
grep -r "primary\|accent\|brand" tailwind.config.* globals.css theme.* 2>/dev/null | head -10

# package.json für Projektname/Beschreibung
cat package.json 2>/dev/null | grep -E '"name"|"description"' | head -5

Wenn du Assets findest, erwähne sie während des Interviews: „Mir ist aufgefallen, dass du Screenshots in public/ und ein SVG-Logo hast – ich kann diese direkt verwenden.“

Schritt 2: Das Interview (Tiefgehend, Produktfokussiert)

Dies ist ein Gespräch, kein Fragebogen. Beginne mit den Ankerfragen. Geh basierend auf ihren Antworten tiefer. Gehe NICHT zur Produktion über, bis du klar formulieren kannst: was das Produkt tut, wen es interessiert, warum es wichtig ist und was das Video bei jemandem auslösen soll.

Runde 1 — Das Produkt (Pflicht, alle fragen):

  1. „Erkläre mir dein Produkt, als wäre ich ein potenzieller Nutzer, kein Entwickler.“ Warum: Zwingt sie, aus dem Fachjargon auszusteigen. Das Video muss die Sprache des Nutzers sprechen.

  2. „Wer genau wird dieses Video ansehen? Nicht ‚jeder‘ – nenne mir eine Person.“ Warum: Ein Video für einen DeFi-Degen ist völlig anders als eines für einen Hackathon-Juror. Nachfrage bei vagen Antworten: „Ist diese Person technisch? Nutzt sie bereits Krypto? Was macht sie, wenn sie dein Video sieht – durch Twitter scrollen, eine Landingpage durchstöbern, in einem Pitch-Meeting sitzen?“

  3. „Was ist die eine Sache, die der Zuschauer tun soll, nachdem er das Video gesehen hat?“ Warum: Jedes Bild existiert, um auf diese eine Handlung hinzuarbeiten. Keine Handlung = kein Sinn. Widersprich, wenn sie sagen „über uns erfahren“ – das ist keine Handlung. „Anmelden“, „Demo ausprobieren“, „Seite besuchen“, „für uns stimmen“ – das sind Handlungen.

Runde 2 — Die Geschichte (Pflicht, alle fragen):

  1. „Welches Problem löst dein Produkt? Beschreibe den Schmerz – lass mich ihn fühlen.“ Warum: Die besten Videos beginnen mit einem Problem, das der Zuschauer bereits hat. Kein Problem = kein Haken.

  2. „Was ist der ‚Aha-Moment‘ in deinem Produkt? Das, was die Leute dazu bringt, zu sagen: ‚Oh, Moment, das ist eigentlich cool.’“ Warum: Dies wird zum Herzstück des Videos. Wenn sie es nicht benennen können, frage nach: „Was loben die Nutzer am meisten? Was ist der Demo-Moment, der Reaktionen hervorruft?“

  3. „Hast du eine Zahl, die jemanden zum Stoppen des Scrollens bringen würde?“ Warum: Metriken sind die mächtigsten Haken in Krypto-Content. Beispiele: „2 Millionen US-Dollar TVL“, „400 ms Abwicklung“, „50.000 Transaktionen“, „10-mal günstiger als Ethereum“. Wenn sie keine Metrik haben: „Was ist der konkreteste Beweis, dass dein Produkt funktioniert? Nutzeranzahl? Transaktionsvolumen? Geschwindigkeitsvergleich?“

Runde 3 — Der Geschmack (Pflicht, alle fragen):

  1. „Zeig mir ein Video, das du liebst – von einer beliebigen Marke, einer beliebigen Branche. Etwas, das die Energie einfängt, die du möchtest.“ Warum: Dies verrät mehr über die gewünschte Qualität und den Ton als jede Multiple-Choice-Frage. Wenn sie keins nennen können, biete Referenzanker an:

    • „Sauber und minimalistisch, wie ein Apple-Produkt-Launch?“
    • „Schnell und pointiert, wie ein Krypto-Twitter-Knaller?“
    • „Technisch und nerdig, wie ein Entwicklerkonferenz-Vortrag?“
    • „Kühn und cineastisch, wie ein Filmtrailer?“
    • „Verspielt und meme-haft, wie ein TikTok-Trend?“
  2. „Welche Stimmung soll dieses Video haben? Wähle eine: selbstbewusst, dringend, verspielt, geheimnisvoll, autoritär, rebellisch.“ Warum: Die Stimmung bestimmt alles – Farbpalette, Animationsgeschwindigkeit, Schriftstärke, Musikauswahl.

  3. „Wo werden die Leute dieses Video sehen? Auf welcher Plattform?“ Warum: Bestimmt das Format (16:9 vs. 9:16), die Dauer (15 s vs. 3 Min.) und das Hook-Fenster (1 s für TikTok, 5 s für YouTube).

Runde 4 — Die Assets (Pflicht, alle fragen):

  1. „Hast du: ein Logo, Markenfarben und einen Screenshot deines Produkts? Teile, was du hast.“ Warum: Echtes Produktmaterial trennt Profis von generischen. Wenn sie nichts haben, ist das in Ordnung – wir generieren visuelle Elemente.

    • Wenn sie ein Logo haben: Hol es wenn möglich als SVG, sonst als PNG
    • Wenn sie Markenfarben haben: Hol die Hex-Codes
    • Wenn sie Screenshots haben: Hol sie in der höchstmöglichen Auflösung
    • Wenn sie NICHTS haben: „Kein Problem. Ich richte ein visuelles System ein – wir verwenden SVG-Icons, eine generierte Farbpalette und animierten Text, um das Video zu erstellen.“
  2. „Hast du einen bevorzugten Schreibstil für Texteinblendungen und Untertitel? Klein und lässig oder ausgefeilt und formell?“ Warum: Texteinblendungen und Beitragstexte sollten der Stimme des Gründers entsprechen. Lese ../tone-guide.md für die Standardeinstellungen.

  3. „Gibt es bestimmten Text, der UNBEDINGT erscheinen muss? Slogan, URL, Metrik, Hackathon-Name?“ Warum: Manche Texte sind nicht verhandelbar (Sponsorenlogos, Hackathon-Branding, Produkt-URL).

Runde 5 — Die Einschränkung (fragen, wenn nötig):

  1. „Gibt es eine Frist? Hackathon-Einreichung, Veröffentlichungsdatum, Pitch-Meeting?“ Warum: Wenn sie es in 2 Stunden brauchen, machen wir eine schnelle Remotion-Vorlage oder Renoise. Wenn sie eine Woche haben, können wir ambitionierter sein.

  2. „Budget für Extras? Voiceover (ElevenLabs), Musik, Stock-Filmmaterial?“ Warum: Bestimmt, ob wir nur Soundeffekte (kostenlos) verwenden oder TTS-Voiceover / lizenzierte Musik hinzufügen.

Interview-Regeln

  • Passe an, skripte nicht. Wenn der Nutzer eine ausführliche Antwort auf Frage 1 gibt, die die Fragen 2–4 abdeckt, überspringe sie. Wenn sie knapp sind, bohre tiefer.
  • Hinterfrage schwache Haken. Wenn ihre „scroll-stoppende Metrik“ „wir verwenden Solana“ ist – das ist kein Haken. Dränge auf etwas Spezifisches und Überraschendes.
  • Kein falsches Lob. Wenn ihr Videokonzept für einen 15-Sekunden-Twitter-Clip zu ambitioniert ist, sag es. Wenn ihr Produkt noch keine klare visuelle Geschichte hat, hilf ihnen, eine zu finden.
  • Frage niemals nach Animationspräferenzen. Nutzer wissen nicht, was „Spring-Dämpfung“ bedeutet, und sollten es nicht müssen. Frage nach GEFÜHL, nicht nach Technik. Du übersetzt Geschmack → Technik.
  • Maximal 3 Fragen pro Nachricht. Schütte nicht alle 13 Fragen auf einmal aus. Gesprächsrunden.

Schritt 2.5: Live-Recherche (Pflicht vor der kreativen Richtung)

Jede in einem Video gezeigte Metrik muss aktuell sein. Vor der Erstellung des kreativen Briefings recherchiere:

  • Ziehe aktuelle TVL, Volumen, Nutzerzahlen für das Produkt und seine Konkurrenten mittels Websuche oder MCP-Tools heran (DefiLlama, CoinGecko)
  • Hol die neuesten Ökosystem-Statistiken, die für den Haken relevant sind (z. B. gesamtes Solana-Perms-Volumen, Anzahl der auf pump.fun gestarteten Token usw.)
  • Überprüfe alle Zahlen, die der Nutzer im Interview erwähnt hat

Jede Zahl, die als Text im Video erscheint, muss aus diesem Recherche-Durchlauf stammen. Veraltete Metriken in einem Video sind schlimmer als gar keine Metriken.

Überprüfe auf aktuelle Hacks/Exploits. Verweise nicht positiv auf gehackte Protokolle. Überprüfe vor dem Zitieren eines Protokolls als Konkurrent oder Vergleich.

Schritt 3: Kreative Richtung (Du entscheidest, Nutzer genehmigt)

Nach dem Interview erstellst DU die kreative Richtung. Bitte den Nutzer nicht, aus einem Menü auszuwählen – präsentiere eine einzige selbstbewusste Empfehlung, die sie genehmigen oder ablehnen können.

Gib ein Kreativ-Briefing aus, das Folgendes enthält:

  1. Videokonzept – Ein Satz: „Ein 30-Sekunden-Twitter-Clip, der mit deiner 2-Millionen-US-Dollar-Abwicklungsmetrik beginnt, eine 3-Schritte-Produktdemo zeigt und mit einem QR-Code zu deiner Website endet.“

  2. Storytelling-Framework – Wähle das beste aus (lies references/video-storytelling.md):

    FrameworkAm besten geeignet fürStruktur
    Haken-Beweis-CTATwitter, TikTok (15-30s)Schockierende Metrik → Demo-Beweis → „Probier es aus“
    Problem-Demo-ErgebnisProduktdemos (30-90s)Schmerzpunkt → Lösungsdemo → Ergebnis
    Vorher/NachherLandingpages (30-60s)Alter Weg (schmerzhaft) → Neuer Weg (reibungslos)
    SpeedrunHackathon-Demos (1-3min)Vollständige Produktdurchführung in hohem Tempo
    Testimonial-SandwichYouTube, längere InhalteNutzerzitat → Demo → Nutzerzitat
    DatengeschichteDeFi/InfrastrukturprodukteAnimierte Metriken, die eine Wachstumsgeschichte erzählen
  3. Visuelle Richtung – Moodboard in Worten:

    • Farbpalette (Hex-Codes – abgeleitet von ihrer Marke oder generiert)
    • Schriftwahl (Überschriftschrift + Fließtextschrift)
    • Animationsgefühl: „glatt und elegant“ oder „schnell und pointiert“ oder „schwer und cineastisch“
    • Wichtige visuelle Elemente: Was in jeder Szene auf dem Bildschirm erscheint
  4. Szenen-für-Szene Storyboard – Schriftlich, Bild für Bild:

    Szene 1 (0-3s): HAKEN – Große animierte Metrik „2,1 Mio. US-Dollar“ springt auf schwarzem Hintergrund ein.
                    Untertitel blendet ein: „in 30 Tagen abgewickelt. Null Bankkonten.“
    Szene 2 (3-8s): PROBLEM – Text enthüllt Zeile für Zeile: „KI-Agenten können sich nicht gegenseitig bezahlen
                     ohne menschlichen Mitunterzeichner.“ Rötlich getönt, entsättigt.
    Szene 3 (8-22s): DEMO – Produkt-Screenshot gleitet von rechts ein. Animierte Pfeile zeigen
                      auf Hauptfunktionen. Schritte-Beschriftungen erscheinen nacheinander.
    Szene 4 (22-27s): BEWEIS – Drei Metrik-Karten springen mit Staffelung ein: „50K+ Transaktionen“,
                       „120 Agenten“, „<400ms Abwicklung“
    Szene 5 (27-30s): CTA – „Jetzt ausprobieren“ mit URL und QR-Code. Light-Leak-Übergang.
    
  5. Benötigte visuelle Elemente – Konkrete Liste:

    • Screenshots zum Aufnehmen / Bereitstellen
    • SVG-Icons zur Verwendung (von Lucide, Heroicons oder benutzerdefiniert)
    • Illustrationen oder Diagramme zum Erstellen
    • Markenassets (Logo-Platzierung, Farben)
  6. Entscheidung über den Ansatz – Remotion oder Renoise

…

[für die Übersetzung gekürzt]

Verwandte Skills