vitrine-local

Transforma a animação de um slide (ou de todos) numa METÁFORA visual animada. A partir do conceito do slide, o agente cria uma analogia concreta do cotidiano e a anima no padrão do mira-animator (loop interno obrigatório). Substitui a animação no lugar, mantendo título, subtítulo e pílulas. Use SEMPRE que o usuário disser "/mira-animated-metaphor", "metáfora animada", "transforma em metáfora", "cria uma analogia", "anima como analogia", "transforma os slides em metáforas", "vira metáfora", "quero uma metáfora pra esse conceito", "anima essa ideia como analogia", "metáfora visual", ou pedir para reexpressar um conceito como comparação animada, no deck inteiro ou num slide específico.

Cria slides individuais com animações criativas e looping interno obrigatório, no padrão dos decks de referência em mira-templates/decks/. Combina o esqueleto visual da skill mira-builder (glass-card, icon-hero, attribute-pills, replay-btn) com a profundidade técnica das diretrizes D3 em references/ (D3.js v7+ ou 3D CSS) e a regra-mãe da skill, NENHUMA animação é estática, toda animação ENTRA com coreografia e DEPOIS continua em loop interno. Use SEMPRE que o usuário disser, "criar slide animado", "novo slide com animação", "adicionar card com D3", "/mira-animator", "slide criativo para o deck", "slide com flip cards", "slide com battle arena", "slide com staircase", ou pedir explicitamente "looping na animação", "animação contínua", "movimento contínuo no slide". Também use quando o usuário enviar uma imagem e pedir "transforme isso em um slide animado" ou "anima essa figura".

Motor de montagem atômica para criar apresentações interativas em HTML/Tailwind usando componentes Glassmorphism modulares com navegação card-a-card.

Especialista em gráficos de dados para os slides do Mira. Recebe dados em CSV, JSON, TSV, tabela markdown ou texto colado, e também imagens: print de um gráfico existente, foto de quadro branco ou rascunho desenhado à mão. Aceita o tipo de gráfico indicado pelo usuário ou analisa os dados e recomenda a melhor visualização, usando a galeria do D3.js como referência. Use esta skill SEMPRE que o usuário disser: "criar gráfico", "plotar", "gráfico de barras", "gráfico de linhas", "pizza", "scatter", "visualizar esses dados", "transformar esse CSV em gráfico", "recriar esse gráfico", "desenhei um gráfico", "fiz um rascunho", ou qualquer combinação de dados + gráfico/visualização. Para imagens que não são gráficos use /mira-visuals; para animar um gráfico pronto use /mira-animator.

Copywriter especializado em refinar o plano de slides gerado pelo /mira-planner. Reescreve titulos, descricoes e conteudo usando tecnicas de copywriting para maximizar impacto visual e engajamento. Tambem avalia e melhora a selecao de imagens, podendo chamar /mira-visuals para gerar imagens que nao existem. Use esta skill SEMPRE que o /mira-planner terminar de gerar um plano, ou quando o usuario quiser melhorar o texto de uma apresentacao, refinar as frases dos slides, aplicar copywriting, ou reescrever conteudo de slides para ficar mais impactante.

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 que alimenta o /mira-planner. Use esta skill 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 de", "lê o projeto", "prepara o material do", "briefing do projeto". É o primeiro elo do pipeline do Mira.

Baixa os vídeos de fundo do Mira para mira-templates/videos_header/. Use esta skill SEMPRE que o usuário digitar "/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".

Cria prompts JSON estruturados para geração de imagens de alta qualidade com estética luxuosa e cinematográfica. Use esta skill sempre que o usuário quiser gerar um prompt de imagem, criar uma foto de produto, montar um prompt para IA de imagem, fotografar produto virtualmente, criar imagem de comida, bebida, cosmético, joia, moda ou qualquer item visual. Também deve ser ativada quando o usuário mencionar: "prompt para imagem", "gerar imagem de produto", "foto de produto com IA", "prompt para Midjourney/DALL-E/Flux", "fotografar produto", ou pedir para "montar um prompt JSON de imagem".

Cria um NOVO template de deck do Mira a partir de imagem(ns) de referência. O usuário fornece um ou mais prints (telas de slides/apresentação) e/ou a logomarca/identidade de marca, e o agente reconhece todo o design system (cores, fundo, tipografia, cantos, sombras, glassmorphism, pílulas, glows) e a disposição dos elementos, monta um template de deck completo (esqueleto index.html com o design system embutido no bloco @MIRA:THEME) mais o tema correspondente, pede um nome ao usuário e salva tudo em mira-templates/ para que apareça no /mira-new junto com os templates já existentes. Use SEMPRE que o usuário disser "/mira-image-template", "criar template a partir de imagem", "template a partir desse print", "transforma essa tela em template", "monta um template com essa identidade", "usa essa logomarca como template", "extrai o design system dessa imagem", "novo template de deck a partir de imagem", ou anexar imagens pedindo para virarem um template/identidade de slides.

Cria animações D3.js a partir de imagens fornecidas pelo usuário. Transforma fotos, diagramas, logos ou qualquer imagem em visualizações animadas e interativas usando D3.js + Canvas/SVG. Use este skill sempre que o usuário pedir para animar uma imagem, criar efeitos visuais a partir de uma imagem, transformar imagem em partículas, criar animações baseadas em imagem, gerar visualizações interativas de uma imagem, ou qualquer combinação de "imagem + animação + D3". Também deve ser usado quando o usuário mencionar termos como "partículas", "dissolve", "explode", "morph", "wave", "pixel art animado", "imagem animada com D3", "efeito visual em imagem", "animação interativa de imagem", ou pedir para transformar uma imagem estática em algo dinâmico e interativo. Funciona com JPG, PNG, SVG, GIF e WebP.

Porta de entrada para um novo deck de slides do Mira. Coleta os requisitos de uma nova apresentação de forma conversacional (nome do tema, template do deck, tema base, cor principal e referências) e monta a pasta decks/<tema>/ pronta para o pipeline preencher. NÃO gera os slides, apenas prepara o terreno e, ao final, oferece acionar o pipeline. 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 slides", "iniciar uma apresentação", "cria uma pasta de slides", ou pedir para começar uma apresentação do zero sobre algum assunto.

Planejador de conteudo para apresentacoes em slides HTML. Analisa o conteudo de um capitulo (LaTeX, PDF ou texto) e gera um plano detalhado de slides antes da montagem visual. Use esta skill SEMPRE que a skill /mira-builder for acionada, ou quando o usuario quiser planejar o conteudo de uma apresentacao, definir quantos slides criar, ou revisar a estrutura antes de gerar o HTML.

Cria e organiza a pasta de referências de um tema de slides, em slides/<tema>/references/, e inclui automaticamente o material que já estiver lá. É a forma de informar a fonte de conteúdo de cada apresentação, sempre por tema e 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", "preparar as fontes do slide", "referências para o tema", "vincular conteúdo para os slides", "criar pasta de referências", "quais referências esse slide vai usar", ou pedir para apontar PDF, imagem, diagrama, livro, artigo ou print como base de um slide. Use também antes de criar um slide quando o tema ainda não tiver uma pasta de referências.

Ajusta a percepção de tamanho das animações de um deck numa escala de 1 a 10, onde 3/10 é o tamanho que o mira-animator gera por padrão. Lê o marcador @MIRA:SIZE de cada animação, reporta o nível atual e escala a composição (raios, comprimentos, espaçamentos, fontes internas e glow dentro do SVG) para preencher mais o palco, sem mexer na altura do palco, sem quebrar o loop interno nem os gatilhos. Use SEMPRE que o usuário disser "/mira-size-animator", "aumentar o tamanho da animação", "as animações estão pequenas", "a animação ocupa pouco espaço", "deixa tudo em 6/10", "coloca as animações em 5/10", "qual o tamanho das animações", "percepção de tamanho", "escalar a animação", "diminuir a animação", "deixa esse slide maior", ou pedir para crescer ou encolher um slide específico ou o deck inteiro.

Gera uma versão QUADRADA (1:1, 1080x1080) de um deck do Mira, a partir do deck 16:9 original, OU cria slides quadrados DO ZERO na geometria nativa quando não há deck de origem, para vídeo em formato quadrado (feed do Instagram, LinkedIn, etc.). Na conversão, não toca no arquivo original: cria um novo arquivo index-1x1.html ao lado, fixando cada slide em 1080x1080 e reduzindo os espaços laterais, com moldura fixa e ajuste leve. O slide fica centralizado por padrão, com opção de alinhar à esquerda ou à direita. Use SEMPRE que o usuário disser "/mira-squared", "versão quadrada", "deixa quadrado", "formato 1:1", "1080x1080", "apresentação quadrada", "corta os lados", "reduz os espaços laterais", "vídeo quadrado", "cria um slide quadrado", "novo slide 1:1", ou pedir o deck ou um slide novo num formato quadrado.

Aplica transição DISSOLVE (crossfade real, estilo Canva/Keynote) à navegação entre slides de um deck do Mira, usando a View Transitions API same-document, que funciona em file:// sem servidor. Troca o scroll suave entre cards por um pulo instantâneo embrulhado em startViewTransition, fazendo um slide se desmanchar no outro. Não toca no arquivo original por padrão, cria index-dissolve.html ao lado. Use SEMPRE que o usuário disser "/mira-transition-dissolve", "transição dissolve", "dissolve nos slides", "crossfade entre slides", "fade entre slides", "transição de slides estilo Canva", "tira o scroll e põe fade", "transição suave entre cards", "aplica o dissolve", ou pedir qualquer transição de esmaecimento entre slides do deck.

Analisa e valida o HTML gerado pela skill /mira-builder, verificando conformidade visual, estrutural e de assets. Use esta skill SEMPRE que a /mira-builder terminar de gerar um index.html, ou quando o usuario quiser verificar a qualidade de uma apresentacao existente, revisar se os slides seguem o padrao, ou diagnosticar problemas visuais em slides ja criados.

Gerador unificado de imagens estáticas para os slides do Mira: painéis retangulares (1920x800), infográficos quadrados (1920x1920), diagramas técnicos e gráficos de dados — tudo via D3.js com captura em 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 estático", "infográfico", "resumo visual", "quadro resumo", "imagem para o slide", "visual para o deck", ou qualquer variação sobre criar elementos visuais estáticos. Para ANIMAÇÕES use /mira-animator; esta skill produz imagens PARADAS.

Handles Laravel Cashier Stripe integration including subscriptions, webhooks, Stripe Checkout, invoices, charges, refunds, trials, coupons, metered billing, and payment failure handling. Triggered when a user mentions Cashier, Billable, IncompletePayment, stripe_id, newSubscription, Stripe subscriptions, or billing. Also applies when setting up webhooks, handling SCA/3DS payment failures, testing with Stripe test cards, or troubleshooting incomplete subscriptions, CSRF webhook errors, or migration publish issues.