Agentes e templates para criação de slides animados com D3.js em HTML
Skill Claude CodeCodex
Gera num slide do Mira (novo ou existente) uma forma SVG que morfa em outra(s) em loop contínuo, com GSAP e MorphSVGPlugin vendorados localmente (deck offline, file://). O usuário aponta 2 ou mais arquivos .svg da pasta assets/ na ordem do morph; a skill inline os paths com ids únicos, converte formas não-path e monta…
Skill Claude CodeCodex
Cria um slide de MESA TÁTICA no Mira: campo de futebol cinematográfico com os dois times na formação real, cada jogador um boneco chibi (ou disco) na cor do time, editável ao vivo (mover, setas/zonas/paint), com jogadas gravadas e reproduzidas por quadros-chave (tecla R) e salvas como JSON. Com times reais, valide 4…
Skill Claude CodeCodex
Reenquadra um deck do Mira na regra dos terços, sem mudar a proporção: joga título + animação nos 2/3 da esquerda de um grid 3x3 e deixa a coluna da direita em cinza #333, limpa, para você sobrepor texto, lower-third ou câmera na edição. A animação é reformulada por metáfora para preencher os 2/3; não toca no original…
Skill Claude CodeCodex
Aplica transição DISSOLVE (crossfade estilo Canva/Keynote) entre slides de um deck do Mira via View Transitions API same-document, que roda em file:// sem servidor. Cria index-dissolve.html ao lado, sem tocar no original. Use SEMPRE que o usuário disser "/mira-transition-dissolve", "transição dissolve", "dissolve nos…
Skill Claude CodeCodex
Cria decks Mira, Studio, Studio Full e Vertical com planejamento e folhas sobrepostos, instrumentação e montagem determinística.
Skill Claude CodeCodex
Valida o HTML gerado pela /mira-builder, checando conformidade visual, estrutural e de assets. Use SEMPRE que a /mira-builder terminar de gerar um index.html, ou quando o usuário quiser verificar a qualidade de uma apresentação existente, revisar se os slides seguem o padrão, ou diagnosticar problemas visuais em…
Skill Claude CodeCodex
Gera uma versão VERTICAL (9:16, generalista para a tela atual: largura da tela / 3 por altura cheia, ex. 640x1080 numa tela 1080p) de um deck do Mira a partir do 16:9, OU cria slides verticais DO ZERO quando não há deck de origem, para vídeo vertical (Reels, Shorts, TikTok, Stories). Não toca no original: gera…
Skill Claude CodeCodex
Gera imagens estáticas para slides do Mira: painéis 1920x800, infográficos 1920x1920, diagramas técnicos e gráficos — via D3.js com captura PNG, ou fotorrealismo via prompt JSON (mira-image-prompt). Use esta skill SEMPRE que o usuário disser: "criar imagem", "gerar imagem", "ilustração", "diagrama", "gráfico…
Skill Claude CodeCodex
Coloca um site vivo dentro de um slide do Mira (novo ou existente), ocupando o slide inteiro (edge to edge) via iframe full-bleed. Resolve os dois problemas de embutir um site num deck: o iframe rouba o foco do teclado (uma guarda de interação deixa o site só visível até o apresentador clicar, e Esc devolve o controle…
Skill Claude CodeCodex
Esqueleto de plugin do Mira, feito para ser copiado e reescrito. Troque o nome, a descricao e o corpo por um agente de verdade. O nome desta skill tem que ser igual ao id do mira-plugin.json e igual ao nome da pasta. Use SEMPRE que o usuario disser /autor-exemplo ou pedir o exemplo de plugin.
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: