Sarthib7/agentsmith

Preâmbulo (execute primeiro)

_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

Se TEL_PROMPTED for no: Antes de iniciar o fluxo de trabalho da skill, pergunte ao usuário sobre telemetria. Use AskUserQuestion:

Ajude o superstack a melhorar! Rastreamos quais skills são usadas e quanto tempo levam — sem código, sem caminhos de arquivo, sem PII. Mude a qualquer momento em ~/.superstack/config.json.

Opções:

• A) Sim, ajude o superstack a melhorar (anônimo)
• B) Não, obrigado

Se A: execute este bash:

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

Se B: execute este bash:

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

Isso só acontece uma vez. Se TEL_PROMPTED for yes, pule completamente e prossiga para o fluxo de trabalho da skill.

Skill errada? Veja SKILL_ROUTER.md para todas as skills disponíveis.

Vídeo de Marketing — Remotion + Renoise

Crie vídeos de marketing para seu projeto Solana usando duas abordagens complementares:

• Remotion (orientado a código): Vídeos React programáticos — controle total, reproduzíveis, versionados. Usa as skills oficiais do Remotion (38 módulos de regras).
• Renoise (gerado por IA): Geração de vídeo por IA — rápida, criativa, sem necessidade de código

Objetivo: Qualidade profissional que não pareça gerada por IA. Leia references/professional-quality-guide.md antes de iniciar qualquer trabalho com Remotion.

Quando Usar

• /marketing-video — Fluxo completo de produção de vídeo
• /deck-review — Converter pitch deck em formato de vídeo
• "Crie um vídeo de marketing para meu projeto Solana"
• "Faça um vídeo de demonstração do produto"
• "Transforme meu pitch deck em um vídeo"
• "Crie um promo para mídia social"
• "Faça um TikTok para minha dApp"

Inegociáveis

• Nunca pule a entrevista. Não adivinhe o produto, o público ou a direção visual. Pergunte.
• Nunca pergunte sobre tecnicidades de animação. O usuário não se importa com configurações de mola ou TransitionSeries. Pergunte sobre o produto deles, a história deles, o gosto deles.
• Mantenha-se opinativo. Se a ideia do usuário para um vídeo for fraca (muito longa, público errado, sem gancho), diga claramente e redirecione.
• Gosto visual primeiro, código depois. Estabeleça como o vídeo deve PARECER antes de escrever uma única linha de Remotion.
• Colete elementos proativamente. Peça capturas de tela, logotipos, cores da marca. Se eles não tiverem, obtenha ícones SVG (Lucide, Heroicons), gere paletas de cores e sugira estilos de ilustração.
• Balcão único. Esta skill lida com tudo: entrevista → conceito → storyboard → coleta de elementos → scaffolding → código → renderização → cortes para plataforma. O usuário não deve precisar de outra ferramenta.

Fluxo de Trabalho

Etapa 1: Coleta de Contexto (Antes de Perguntar Qualquer Coisa)

Verifique silenciosamente o contexto existente. Leia estes arquivos se existirem — não peça ao usuário para se repetir:

.superstack/idea-context.md    → Conceito do produto, público, proposta de valor
.superstack/build-context.md   → Stack tecnológico, funcionalidades, status de implantação

Também verifique: Um projeto Remotion já existe no diretório de trabalho? (remotion.config.ts ou package.json com dependência remotion)

Detecção automática de ativos do produto. Antes da entrevista, verifique o projeto em busca de material visual utilizável:

# Capturas de tela e imagens
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

# Arquivos SVG (logotipos, ícones, ilustrações)
find . -maxdepth 3 -type f -name "*.svg" ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -20

# Gravações de vídeo/tela
find . -maxdepth 3 -type f \( -name "*.mp4" -o -name "*.webm" -o -name "*.mov" \) ! -path "*/node_modules/*" ! -path "*/.git/*" 2>/dev/null | head -10

# Cores da marca de CSS/config Tailwind
grep -r "primary\|accent\|brand" tailwind.config.* globals.css theme.* 2>/dev/null | head -10

# Package.json para nome/descrição do projeto
cat package.json 2>/dev/null | grep -E '"name"|"description"' | head -5

Se encontrar ativos, mencione-os durante a entrevista: "Percebi que você tem capturas de tela em public/ e um logotipo SVG — posso usá-los diretamente."

Etapa 2: A Entrevista (Profunda, Focada no Produto)

Isso é uma conversa, não um questionário. Comece com as perguntas âncora. Aprofunde com base nas respostas. NÃO avance para a produção até que você possa articular claramente: o que o produto faz, quem se importa, por que isso importa e o que o vídeo deve fazer alguém sentir.

Rodada 1 — O Produto (obrigatório, pergunte tudo):

1. "Explique seu produto para mim como se eu fosse um usuário em potencial, não um desenvolvedor." Por quê: Força a sair do jargão técnico. O vídeo precisa falar a linguagem do usuário.

2. "Quem especificamente vai assistir este vídeo? Não 'todo mundo' — me dê uma pessoa." Por quê: Um vídeo para um degen DeFi é completamente diferente de um para um juiz de hackathon. Acompanhamento se vago: "Essa pessoa é técnica? Ela já usa cripto? O que ela está fazendo quando vê seu vídeo — rolando Twitter, navegando em uma landing page, sentado em uma reunião de pitch?"

3. "Qual é a única coisa que você quer que o espectador FAÇA depois de assistir?" Por quê: Cada quadro existe para conduzir a essa única ação. Nenhuma ação = nenhum ponto. Reforce se eles disserem "aprender sobre nós" — isso não é uma ação. "Inscrever-se", "experimentar a demo", "visitar o site", "votar em nós" — essas são ações.

Rodada 2 — A História (obrigatório, pergunte tudo):

4. "Qual problema seu produto resolve? Descreva a dor — me faça sentir." Por quê: Os melhores vídeos começam com um problema que o espectador já tem. Sem problema = sem gancho.

5. "Qual é o 'momento aha' no seu produto? Aquilo que faz as pessoas pensarem 'ah, espera, isso é realmente legal'." Por quê: Isso se torna a peça central do vídeo. Se eles não conseguirem nomeá-lo, investigue: "O que os usuários mais elogiam? Qual é o momento de demonstração que gera reações?"

6. "Você tem um número que faria alguém parar de rolar?" Por quê: Métricas são os ganchos mais poderosos em conteúdo cripto. Exemplos: "$2M TVL", "liquidacão de 400ms", "50 mil transações", "10x mais barato que Ethereum". Se eles não tiverem uma métrica: "Qual é a prova mais concreta de que seu produto funciona? Número de usuários? Volume de transações? Comparação de velocidade?"

Rodada 3 — O Gosto (obrigatório, pergunte tudo):

7. "Me mostre um vídeo que você ama — de qualquer marca, qualquer indústria. Algo que capture a energia que você quer." Por quê: Isso revela mais sobre qualidade e tom desejados do que qualquer pergunta de múltipla escolha. Se eles não conseguirem nomear um, ofereça âncoras de referência:

   • "Limpo e minimalista, como um lançamento de produto da Apple?"
   • "Rápido e impactante, como um sucesso do Twitter cripto?"
   • "Técnico e nerd, como uma palestra de conferência de desenvolvedores?"
   • "Ousado e cinematográfico, como um trailer de filme?"
   • "Divertido e meme, como uma trend do TikTok?"

8. "Qual vibe este vídeo deve ter? Escolha um: confiante, urgente, divertido, misterioso, autoritário, rebelde." Por quê: A vibe determina tudo — paleta de cores, velocidade de animação, peso da tipografia, escolha musical.

9. "Onde as pessoas verão isso? Qual plataforma?" Por quê: Determina formato (16:9 vs 9:16), duração (15s vs 3min) e janela de gancho (1s para TikTok, 5s para YouTube).

Rodada 4 — Os Ativos (obrigatório, pergunte tudo):

10. "Você tem: um logotipo, cores da marca e uma captura de tela do seu produto? Compartilhe o que você tem." Por quê: Imagens reais do produto separam o profissional do genérico. Se eles não tiverem nada, tudo bem — vamos gerar visuais.

    • Se eles tiverem um logotipo: Obtenha em SVG se possível, PNG caso contrário
    • Se eles tiverem cores da marca: Obtenha códigos hex
    • Se eles tiverem capturas de tela: Obtenha na resolução mais alta possível
    • Se eles NÃO TIVEREM NADA: "Sem problemas. Vou configurar um sistema visual — usaremos ícones SVG, uma paleta de cores gerada e texto animado para construir o vídeo."

11. "Você tem um tom de escrita preferido para sobreposições de texto e legendas? Minúsculas e casuais, ou polido e formal?" Por quê: Sobreposições de texto e cópia pós-vídeo devem combinar com a voz do fundador. Leia ../tone-guide.md para padrões.

12. "Algum texto específico que DEVE aparecer? Tagline, URL, métrica, nome do hackathon?" Por quê: Algum texto é inegociável (logotipos de patrocinadores, branding de hackathon, URL do produto).

Rodada 5 — A Restrição (pergunte se necessário):

12. "Tem um prazo? Submissão de hackathon, data de lançamento, reunião de pitch?" Por quê: Se eles precisam em 2 horas, vamos fazer um template rápido de Remotion ou Renoise. Se eles têm uma semana, podemos ser mais ambiciosos.

13. "Orçamento para extras? Locução (ElevenLabs), música, imagens de arquivo?" Por quê: Determina se usamos apenas SFX (gratuito) ou adicionamos locução TTS / música licenciada.

Regras da Entrevista

• Adapte-se, não siga um roteiro. Se o usuário der uma resposta rica à pergunta 1 que cubra as perguntas 2-4, pule-as. Se eles forem lacônicos, aprofunde.
• Desafie ganchos fracos. Se a "métrica de parar rolagem" deles for "usamos Solana" — isso não é um gancho. Pressione por algo específico e surpreendente.
• Sem elogios falsos. Se o conceito de vídeo deles for muito ambicioso para um clipe de 15s no Twitter, diga. Se o produto deles ainda não tiver uma história visual clara, ajude-os a encontrar uma.
• Nunca pergunte sobre preferências de animação. Os usuários não sabem o que significa spring damping e não deveriam precisar saber. Pergunte sobre a SENSAÇÃO, não sobre a técnica. Você traduz gosto → técnica.
• Máximo de 3 perguntas por mensagem. Não despeje todas as 13 perguntas de uma vez. Rodadas de conversa.

Etapa 2.5: Pesquisa ao Vivo (obrigatório antes da direção criativa)

Cada métrica mostrada em um vídeo deve estar atualizada. Antes de produzir o resumo criativo, pesquise:

• Obtenha TVL atual, volume, contagens de usuários para o produto e seus concorrentes usando pesquisa na web ou ferramentas MCP (DefiLlama, CoinGecko)
• Obtenha as estatísticas mais recentes do ecossistema relevantes para o gancho (por exemplo, volume total de perps Solana, número de tokens lançados em pump.fun, etc.)
• Verifique quaisquer números que o usuário mencionou durante a entrevista

Cada número que aparece como texto no vídeo deve vir desta passagem de pesquisa. Métricas desatualizadas em um vídeo são piores do que nenhuma métrica.

Verifique hacks/exploits recentes. Não faça referência positiva a protocolos hackeados. Verifique antes de citar qualquer protocolo como concorrente ou comparação.

Etapa 3: Direção Criativa (Você Decide, Usuário Aprova)

Após a entrevista, VOCÊ produz a direção criativa. Não peça ao usuário para escolher de um menu — apresente uma única recomendação confiante que eles possam aprovar ou contestar.

Produza um Resumo Criativo que inclua:

1. Conceito do Vídeo — Uma frase: "Um clipe de 30 segundos para Twitter que abre com sua métrica de liquidação de $2M, mostra uma demonstração do produto em 3 etapas e termina com um QR code para seu site."

2. Estrutura Narrativa — Escolha a melhor (leia references/video-storytelling.md):

   Framework	Melhor Para	Estrutura
   Gancho-Prova-CTA	Twitter, TikTok (15-30s)	Métrica chocante → Prova de demonstração → "Tente"
   Problema-Demo-Resultado	Demonstrações de produto (30-90s)	Ponto de dor → Demonstração da solução → Resultado
   Antes/Depois	Landing pages (30-60s)	Caminho antigo (doloroso) → Caminho novo (suave)
   Speedrun	Demos de hackathon (1-3min)	Passagem completa pelo produto em velocidade
   Sanduíche de Depoimento	Conteúdo longo no YouTube	Citação do usuário → Demo → Citação do usuário
   História de Dados	Produtos DeFi/infra	Métricas animadas contando história de crescimento

3. Direção Visual — Mood board em palavras:

   • Paleta de cores (códigos hex — derivados da marca deles ou gerados)
   • Escolhas tipográficas (fonte de título + fonte de corpo)
   • Sensação de animação: "suave e elegante" ou "rápida e impactante" ou "pesada e cinematográfica"
   • Elementos visuais principais: O que aparece na tela em cada cena

4. Storyboard Cena por Cena — Escrito, quadro a quadro:

   Cena 1 (0-3s): GANCHO — Grande métrica animada "$2,1M" surge em fundo preto.
                    Legenda aparece: "liquidado em 30 dias. Zero contas bancárias."
   Cena 2 (3-8s): PROBLEMA — Texto revelado linha por linha: "Agentes de IA não podem pagar uns aos outros
                    sem um co-signatário humano." Tom avermelhado, dessaturado.
   Cena 3 (8-22s): DEMO — Captura de tela do produto desliza da direita. Setas animadas apontam
                     para funcionalidades principais. Rótulos de etapa aparecem em sequência.
   Cena 4 (22-27s): PROVA — Três cartões de métrica surgem com espaçamento: "50 mil+ transações",
                      "120 agentes", "liquidação <400ms"
   Cena 5 (27-30s): CTA — "Experimente agora" com URL e QR code. Transição de vazamento de luz.
   

5. Elementos Visuais Necessários — Lista concreta:

   • Capturas de tela para capturar / fornecer
   • Ícones SVG para usar (de Lucide, Heroicons ou personalizados)
   • Ilustrações ou diagramas para criar
   • Ativos da marca (posicionamento do logotipo, cores)

6. Decisão da Abordagem — Remotion ou Renoise

…

[truncado para tradução]