Agentes e templates para criação de slides animados com D3.js em HTML
Skill Claude CodeCodex
Adiciona elementos 3D reais (profundidade, rotação contínua, arrastar e zoom) ao canvas de um slide do Mira, em card limpo com o 3D maximizado. Escolhe sozinha entre três camadas: CSS 3D puro, Three.js procedural e glTF (.glb). Herda a Regra Zero do mira-animator (gira sozinho, pausa no arrasto e retoma); só a camada…
Skill Claude CodeCodex
Fundida no mira-animator (v0.1.48), mantida como atalho compatível porque está citada em material publicado. Transforma a animação de um slide (ou de todos) numa METÁFORA visual animada: uma analogia concreta do cotidiano animada no padrão do mira-animator, substituída no lugar (mantém título, subtítulo e pílulas).…
Skill Claude CodeCodex
Gera a cena "prompt digitado em zoom": simula uma pessoa digitando um comando de agent harness (Claude Code, Codex) em fonte mono de terminal gigante sobre fundo escuro, cursor piscando estilo Windows, com janela deslizante quando o texto passa da tela. Aceita cor por trecho (color=#HEX), quebra de linha (/n) e print…
Skill Claude CodeCodex
Cria e evolui a animação de um slide como METÁFORA visual animada (o M de MIRA): destila o conceito, acha uma analogia concreta do cotidiano e a anima com loop interno obrigatório, em D3.js v7+ ou CSS 3D, no padrão dos decks de mira-templates/decks/ (glass-card, icon-hero, attribute-pills, replay-btn). Dois modos…
Skill Claude CodeCodex
Decidir a origem de cada elemento visual de uma cena antes de alguém desenhá-lo: o que é simples vira desenho procedural, o que é complexo (figura humana, mão, rosto, animal, veículo, anatomia articulada) vira SVG de fonte aberta buscado na web e embutido inline, e o que não se acha vira um pedido curto e específico…
Skill Claude CodeCodex
Abrir a camada de brainstorming de um deck do Mira: divergir de verdade quando o autor tem só um tema e ainda nenhuma ideia, gerar ângulos concorrentes, cortar com o custo de cada um declarado e sair com uma ideia em uma frase. É a porta dessa camada, e roteia para /mira-concept-align quando a ideia já existe e só…
Skill Claude CodeCodex
Motor de montagem atômica que cria apresentações interativas em HTML/Tailwind com componentes Glassmorphism modulares e navegação card-a-card. Use SEMPRE que o usuário quiser montar ou gerar uma apresentação, transformar um plano de slides (do /mira-planner) ou um capítulo em HTML, criar um deck do zero, ou pedir…
Skill Claude CodeCodex
Cria um slide de gráfico de corrida no Mira: série temporal animada que corre no tempo, toca uma vez e para no fim. Dois modos: "bars" (barras que trocam de posição no ranking) e "lines" (linhas desenhadas com o rótulo perseguindo a ponta); dados em CSV largo embutidos, roda por file:// offline, gera section em D3 v7…
Skill Claude CodeCodex
Especialista em gráficos de dados para slides do Mira. Recebe dados (CSV, JSON, TSV, tabela markdown, texto colado) ou imagens (print de gráfico, foto de quadro branco, rascunho à mão) e gera um gráfico D3.js; usa o tipo pedido ou recomenda a melhor visualização. Use esta skill SEMPRE que o usuário disser: "criar…
Skill Claude CodeCodex
Irmão cinematográfico do /mira-animator, para o slide em que o cinema É a cena e não o tempero. Herda o método inteiro do /mira-animator por referência, e inverte duas travas: um recurso de cinema pode ser a mudança de estado dominante, e a nota de corte é avaliada com o cinema ligado. Usar quando o autor pedir…
Skill Claude CodeCodex
Orquestrar o deck cinematográfico de ponta a ponta: a cadeia narrativa do Story Team decide a história, o deck nasce com o modo cinema instalado e o mira-animator implementa a partitura com câmera, profundidade e grade de cor. Usar quando o usuário pedir deck cinematográfico, deck com história, deck com câmera, usar o…
Skill Claude CodeCodex
Clarear uma ideia ANTES de virar slide, metáfora ou animação: descobrir o que o autor quer comunicar, detectar ambiguidade com perguntas contextualizadas, devolver a interpretação para ele corrigir e persistir o conceito num artefato que serve de referência para quem produzir depois. Fluxo alternativo, acionado só…
Skill Codex
Transformar conceitos em histórias explicativas, analogias narrativas ou roteiros que usem desejo, ação, conflito, revelação e transformação sem distorcer o conteúdo. Usar quando o usuário pedir para compreender ou ensinar um conceito por meio de história, metáfora, parábola, personagem, narrativa, animação…
Skill Claude CodeCodex
Diretor criativo que refina o plano de slides do /mira-planner: reescreve títulos, descrições e conteúdo com técnicas de copywriting e avalia/melhora as imagens, chamando /mira-visuals para gerar as que faltam. Use SEMPRE que o /mira-planner terminar de gerar um plano, ou quando o usuário quiser melhorar o texto de…
Skill Codex
Projetar a experiência psicológica, emocional e intelectual do público ao longo de uma história MIRA, convertendo Story Bible, roteiro ou beats narrativos em uma Audience Journey Map que controla atenção, curiosidade, imersão, emoção, entretenimento, revelações e sabedoria. Usar antes de transformar uma história em…
Skill Codex
Transformar um MIRA Slide Score e uma Encenação em uma partitura de movimento pronta para o /mira- animator implementar, especificando temperamento, estado inicial, beats, câmera, easing, profundidade, loop interno, transição, responsividade e fallbacks. Usar quando a história, a sequência de slides e a encenação já…
Skill Codex
Dirigir a encenação de cada cena-slide do MIRA antes da coreografia, produzindo uma Encenação com composição, blocking dos atores, silhueta e escala, planos de profundidade com oclusão, enquadramento base, área segura, legibilidade, grade de cor do deck e continuidade visual entre slides adjacentes. Usar somente…
Skill Codex
Converter uma MIRA Story Bible e uma Audience Journey Map em uma sequência cinematográfica de cenas-slide, produzindo um MIRA Slide Score com função dramática, quadro inicial, ação, virada, revelação, informação retida, narração, texto mínimo, metáfora visual e transição causal para cada slide. Usar quando a história…
Skill Claude CodeCodex
Extrator de contexto do Mira: lê uma fonte vinculada no mira.config.json (pasta de projeto, PDF, LaTeX ou texto) e produz um briefing estruturado para o /mira-planner. Use SEMPRE que o usuário pedir para criar slides "sobre" um projeto ou documento, mencionar uma fonte vinculada pelo nome, ou disser "extrai o conteúdo…
Skill Claude CodeCodex
Cria um deck Mira completo em uma chamada, com uma folha por slide executada em paralelo por um workflow do Claude Code. Use quando o usuário pedir /mira-fast, deck rápido, modo turbo, deck inteiro de uma vez ou deck em paralelo. Aceita os formatos mira, mira-studio, mira-studio-full e mira-vertical. Para um slide…
Skill Claude CodeCodex
Baixa os vídeos de fundo do Mira para mira-templates/videosheader/. Use SEMPRE que o usuário disser: "/mira-get-videos", "baixar vídeos", "instalar vídeos do mira", "quero os backgrounds de vídeo" ou "os vídeos não estão aparecendo".
Skill Claude CodeCodex
Gera num slide do Mira uma forma que morfa em outra(s) em loop a partir de CONCEITOS em palavras (o usuário só tem a ideia, não o arquivo). Busca cada conceito na API do Iconify, valida licença, baixa o SVG e monta a timeline de morph (GSAP + MorphSVGPlugin vendorados; deck offline file://). Só licença aberta (MIT…
Skill Claude CodeCodex
Cria prompts JSON estruturados para geração de imagens de produto com estética luxuosa e cinematográfica. Use sempre que o usuário quiser gerar um prompt de imagem, criar foto de produto, ou fotografar (comida, bebida, cosmético, joia, moda ou qualquer item visual) com IA. Ative também ao mencionar: "prompt para…
Skill Claude CodeCodex
Cria um NOVO template de deck do Mira a partir de imagem(ns) de referência (prints de slides e/ou logomarca): reconhece o design system e a disposição dos elementos e salva o esqueleto index.html (design system no bloco @MIRA:THEME) mais o tema em mira-templates/, para aparecer no /mira-new. Use SEMPRE que o usuário…
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: