Agentes e templates para criação de slides animados com D3.js em HTML
Skill Claude CodeCodex
Coloca uma imagem que o usuário JÁ TEM (arquivo local ou URL) num slide do Mira, novo ou existente, em card limpo (padrão mira-3d/mira-qrcode): só título (sem ícone, máx. 6 palavras) e a imagem grande e bem enquadrada. Copia a imagem para assets/ do deck por caminho relativo, então abre por file:// sem servidor…
Skill Claude CodeCodex
Transforma imagens (fotos, logos, diagramas) em animações D3.js interativas e self-contained. Use sempre que o usuário pedir para animar uma imagem, criar efeitos visuais a partir de uma imagem, transformar imagem em partículas, gerar visualizações interativas de uma imagem, ou combinar "imagem + animação + D3".…
Skill Claude CodeCodex
Cria um plugin do Mira, que é um agente novo feito pelo proprio usuario e que vive em mira-plugins/, fora do pacote do Mira. Orquestra o ciclo inteiro: confere se o Reversa esta instalado e instala se faltar, especifica com reversa-new, implementa com reversa-forward escrevendo dentro da pasta do plugin, valida o…
Skill Claude CodeCodex
Porta de entrada para um novo deck do Mira: coleta requisitos conversacionalmente e monta a pasta em decks/ pronta para o pipeline. NÃO gera slides, só prepara o terreno. Use SEMPRE que o usuário disser /mira-new, novo deck, nova apresentação, criar deck, começar slides sobre, quero fazer slides de, novo tema de…
Skill Claude CodeCodex
Converte um deck do Mira já criado para modo OFFLINE (self-contained, sem CDN em runtime), para abrir por file:// mesmo atrás do firewall corporativo que bloqueia as CDNs (Tailwind, AOS, Lucide, D3, fonte Inter e Three.js dos slides 3D). Use SEMPRE que o usuário disser /mira-offline, deixa o deck offline, deixa o…
Skill Claude CodeCodex
Planeja o conteúdo de apresentações em slides HTML: analisa um capítulo (LaTeX, PDF ou texto) e gera um plano de slides antes da montagem visual. Use SEMPRE que a skill /mira-builder for acionada, ou quando o usuário quiser planejar o conteúdo de uma apresentação, definir quantos slides criar, ou revisar a estrutura…
Skill Claude CodeCodex
Mural de POST-ITS AO VIVO no Mira, em dois slides: no primeiro a pergunta com um QR-code, no segundo cada resposta em TEXTO LIVRE da plateia vira um post-it que cola na parede, um a um. Diferente do mira-survey e do mira-quiz, aqui a resposta é aberta, não há alternativas nem resposta correta, e nada é agregado: cada…
Skill Codex
Pesquisar notícias, lançamentos, tendências e informações atuais, desenterrar o momento Eureca escondido nelas e transformá-lo em premissas arrebatadoras, factualmente defensáveis e visualmente potentes para histórias MIRA. Usar quando o usuário pedir premissas, loglines ou ideias de história baseadas em fatos…
Skill Claude CodeCodex
Insere num slide do Mira (novo ou existente) um QR code escaneável, grande e centralizado, gerado de um link ou texto. O QR é gerado LOCALMENTE (pacote npm qrcode) e embutido como SVG inline: funciona por file://, sem API nem CDN em apresentação. Card limpo no padrão mira-3d (só o título, no máximo 6 palavras, e o QR…
Skill Claude CodeCodex
Slide de QUIZ AO VIVO no Mira: a plateia escaneia um QR-code e responde uma múltipla escolha num Google Forms; o slide lê as respostas via Google Sheets gviz/JSONP. Diferente do mira-survey, tem resposta correta, revelação controlada pelo apresentador e percentuais que só aparecem após revelar. Use SEMPRE que o…
Skill Claude CodeCodex
Cria e organiza a pasta references/ de um tema de slides, incluindo automaticamente o material que já estiver lá. A fonte é sempre local ao tema, nunca perguntada na instalação. Use SEMPRE que o usuário disser /mira-references, adicionar referência, adicionar referencias, onde coloco o material, onde ponho a fonte…
Skill Claude CodeCodex
Liga um deck do Mira a um segundo aparelho pela rede local: o notebook apresenta, o celular espelha, controla (avançar/voltar) e desenha (telestrator sincronizado). Sem app, sem login e sem internet — só a mesma rede ou o hotspot do celular; sem o atalho instalado, o deck segue 100% funcional em file://. Use SEMPRE…
Skill Claude CodeCodex
Destilar a cadeia narrativa do MIRA em um briefing de cena curto e autossuficiente por slide, para que quem desenha a animação nunca precise ler a cadeia inteira. Cada briefing traz título de tela, função dramática, âncoras de entrada e de saída, objetos com o nome real, história em três tempos, loop, temperamento…
Skill Claude CodeCodex
Orquestra uma explicação inteira como um plano-sequência: recebe o que o autor quer explicar, aplica um teste de forma, escreve um roteiro de continuidade com o elenco e a pose de repouso de cada cena, e constrói a corrente em série, a cena 1 pelo /mira-animator e cada elo seguinte pelo /mira-sequence. Use quando o…
Skill Claude CodeCodex
Cria o slide seguinte começando exatamente na pose em que a animação do slide indicado estava, com corte seco, para os dois se comportarem como um slide só e a animação continuar sem salto. Use SEMPRE que o usuário disser "/mira-sequence", "sequência desse slide", "continua a animação no próximo slide", "parte 2 dessa…
Skill Claude CodeCodex
Escala a percepção de tamanho das animações D3 de um deck numa escala de 1 a 10 (3/10 é o padrão gerado pelo mira-animator), lendo o marcador @MIRA:SIZE de cada animação e ajustando só o desenho dentro do SVG, sem mexer na altura do palco nem nos gatilhos. Use SEMPRE que o usuário disser "/mira-size-animator"…
Skill Claude CodeCodex
Gera um .mp4 de um ou mais slides de um deck do Mira gravando a animação real (Chrome headless + ffmpeg): cada slide dispara do zero, sem vazar o anterior, preenchendo o frame. Recebe quais slides (um, vários ou todos) e a resolução (16:9, 9:16, 1:1), encadeia com transição (4 segundos por slide, alterável), toca…
Skill Claude CodeCodex
Gera uma versão QUADRADA (1:1) de um deck do Mira a partir do 16:9 original, OU cria slides quadrados do zero quando não há deck de origem, para vídeo quadrado (feed do Instagram, LinkedIn, etc.). Não toca no original: cria index-1x1.html ao lado. Cada slide de conteúdo vira só o título no topo + a animação num canvas…
Skill Codex
Arquitetar histórias completas e de alto impacto para o MIRA a partir de uma premissa ou contrato conceitual, gerando premissa validada, sete passos estruturais, rede de personagens, tema ou argumento moral, mundo ficcional, rede de símbolos, trama, teia de cenas, construção de cenas e diálogo sinfônico. Usar quando o…
Skill Claude CodeCodex
Diretor Criativo do Mira: transforma interpretação conceitual em hipótese visual verificável, gerando quadros de Concept Storyboard reais em SVG e PNG dentro de storyboard/ na raiz do deck, em opções concorrentes, versionadas a cada correção, com folha de contato que abre em file://. Aceita correção em linguagem…
Skill Claude CodeCodex
Gera um deck HORIZONTAL 16:9 (1920x1080, arquivo index-16x9.html) pronto para gravar videoaula sem OBS, onde cada slide declara um de três layouts: camera (webcam ao vivo em tela cheia), thirds (animação nos dois terços da esquerda + câmera ao vivo no terço direito) e full (animação em tela cheia, sem câmera). Os…
Skill Claude CodeCodex
Gera um deck VERTICAL 9:16 (1080x1920) pronto para gravar no OBS Studio, onde cada slide declara um de três layouts: camera (webcam ao vivo em tela cheia), split (animação quadrada estilo mira-squared em cima + câmera embaixo) e full (animação vertical estilo mira-vertical). A câmera do apresentador é embutida ao vivo…
Skill Claude CodeCodex
Cria um slide de ENQUETE AO VIVO: a plateia escaneia um QR-code, vota num Google Forms, e o resultado se atualiza em TEMPO REAL no slide (donut 3D girando ou barras). Recebe dois links — o de votação (vira o QR gerado local) e o da planilha de respostas (o slide lê a contagem via endpoint gviz/JSONP). Use SEMPRE que o…
Skill Claude CodeCodex
Anima um SVG que o usuário FORNECE dentro de um slide do Mira, dando movimento próprio à forma (não vira outra forma, isso é morph). Usa GSAP vendorado offline (file://) e escolhe a técnica por transform, DrawSVGPlugin (o traço se desenha) ou MotionPathPlugin (curva). Para animar uma PARTE, ela precisa ser um elemento…
At most 3 mods per repository are shown here, and a mod shipped inside a plugin is left to that plugin's page — the rest are on their repository pages: