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, Apache-2.0, CC0 ou CC-BY), com atribuição em CREDITS.md; recusa personagens/marcas de IP protegida e sugere arte original. Reaproveita o render do mira-svg-morph. Use SEMPRE que o usuário disser "/mira-icon-morph", "nuvem virando lâmpada", "uma semente que vira árvore", "cadeado abrindo", "morfa o conceito X no Y", "acha um ícone que vira outro", "busca uns ícones e faz morph", ou descrever em palavras dois ou mais conceitos para um virar o outro SEM fornecer arquivos. Se o usuário JÁ tem os arquivos .svg, use mira-svg-morph. Para metáfora densa/emergente (partículas, explosão), use mira-animator (D3).
Gera um slide de morph quando o usuário tem só a ideia em palavras ("nuvem virando lâmpada"), sem os arquivos. Acha os ícones, valida a licença e monta o morph. Irmão do mira-svg-morph: mesma renderização, fonte diferente.
Fonte da verdade: o render é o do mira-svg-morph (agents/mira-svg-morph/SKILL.md), validado em decks/apresentacao-mira-gsap/ (ícones da Iconify, conjunto MDI). Spec completa em _reversa_sdd/GSAP/mira-icon-morph-spec.md; sourcing/licença em _reversa_sdd/GSAP/mira-gsap-contexto.md (seção 4).
Por que Iconify (e não raspar SVG da web)
A API do Iconify entrega ícones limpos, de +200 conjuntos open source, com licença por conjunto e a maioria em viewBox 0 0 24 24 de path único — resolve de origem a compatibilidade para morph (mesmo sistema de coordenadas). Raspar SVG solto traz arquivo sujo, viewBox incompatível e licença incerta.
Validar a licença do conjunto (nos metadados de busca/coleção): apenas MIT, Apache-2.0, CC0 ou CC-BY. Se o resultado for proprietário ou sem licença clara, busque alternativa aberta; se não houver, avise.
Registrar atribuição em CREDITS.md do deck: uma linha por conjunto (nome, licença, link). Obrigatório.
Guarda de propriedade intelectual (inegociável)
Recuse personagens ou marcas de IP protegida (heróis de franquia, mascotes de empresa, logos de terceiros). Não baixe automaticamente: explique e sugira arte original (ex.: herói genérico de capacete e propulsores, sem personagem real).
Render: reaproveite o núcleo do mira-svg-morph
Baixados os SVGs, o resto é idêntico ao mira-svg-morph: inline com ids únicos por arquivo, MorphSVGPlugin.convertToPath em formas não-path, vendorar GSAP + MorphSVG em assets/gsap/, card limpo (título sem ícone máx. 6 palavras, forma central em #FF904D), timeline em loop (repeat: -1; 2 = ida e volta, N = encadeia), prefers-reduced-motion com estado final estático, e registrar no trigger do deck. Use o mesmo scaffold de JS daquela skill (a constante FORMAS recebe os d dos ícones na ordem dos conceitos).
Passos
Receber os conceitos em palavras, na ordem do morph (2 ou mais). Com 1 só, avise que precisa de 2 ou mais. Se for IP protegida, recuse e sugira arte original.
Buscar no Iconify, preferindo path único e viewBox 0 0 24 24. Apresente as opções por conceito (conjunto + licença); deixe o usuário escolher ou escolha a melhor single-path de licença aberta.
Baixar os SVGs para assets/icons/ e registrar atribuição em CREDITS.md.
Renderizar o morph reaproveitando o núcleo do mira-svg-morph (inline, ids únicos, convertToPath, vendorar GSAP, card, loop, reduced-motion, trigger).
Reportar. Caminho do arquivo, conceitos e sequência do morph, conjuntos usados com licença, o loop em uma frase, e que o deck abre por file:// sem rede.
Checklist
2 ou mais conceitos; com 1 só, a skill avisou.
Ícones de licença aberta (MIT, Apache-2.0, CC0 ou CC-BY); nenhum proprietário ou sem licença.
Atribuição de cada conjunto registrada em CREDITS.md do deck.
Nenhum personagem/marca de IP protegida; arte original sugerida quando aplicável.
Preferência por path único e viewBox 0 0 24 24.
Render igual ao mira-svg-morph: inline, ids únicos, convertToPath, GSAP vendorado, loop, reduced-motion, card limpo.
Internet só na geração; o deck final abre por file:// sem rede (ícones inline, GSAP vendorado).
Título sem ícone, no máximo 6 palavras; laranja #FF904D na forma.
Marcador @MIRA:SIZE 3/10; timeline registrada no trigger do deck; anti-vazamento (kill) antes de replay.
1---2name: mira-icon-morph3description: 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, Apache-2.0, CC0 ou CC-BY), com atribuição em CREDITS.md; recusa personagens/marcas de IP protegida e sugere arte original. Reaproveita o render do mira-svg-morph. Use SEMPRE que o usuário disser "/mira-icon-morph", "nuvem virando lâmpada", "uma semente que vira árvore", "cadeado abrindo", "morfa o conceito X no Y", "acha um ícone que vira outro", "busca uns ícones e faz morph", ou descrever em palavras dois ou mais conceitos para um virar o outro SEM fornecer arquivos. Se o usuário JÁ tem os arquivos .svg, use mira-svg-morph. Para metáfora densa/emergente (partículas, explosão), use mira-animator (D3).4---56# Skill: conceito que vira ícone que morfa, em loop78Gera um slide de morph quando o usuário tem só a ideia em palavras ("nuvem virando lâmpada"), sem os arquivos. Acha os ícones, valida a licença e monta o morph. Irmão do `mira-svg-morph`: mesma renderização, fonte diferente.910> **Fonte da verdade:** o render é o do `mira-svg-morph` (`agents/mira-svg-morph/SKILL.md`), validado em `decks/apresentacao-mira-gsap/` (ícones da Iconify, conjunto MDI). Spec completa em `_reversa_sdd/GSAP/mira-icon-morph-spec.md`; sourcing/licença em `_reversa_sdd/GSAP/mira-gsap-contexto.md` (seção 4).1112## Por que Iconify (e não raspar SVG da web)1314A API do Iconify entrega ícones limpos, de +200 conjuntos open source, **com licença por conjunto** e a maioria em **viewBox 0 0 24 24** de path único — resolve de origem a compatibilidade para morph (mesmo sistema de coordenadas). Raspar SVG solto traz arquivo sujo, viewBox incompatível e licença incerta.1516## Buscar e baixar (só na geração, internet aqui)17181. **Buscar cada conceito** na ordem do morph:19 ```20 curl -s "https://api.iconify.design/search?query=CONCEITO&limit=20"21 ```22 Prefira **path único** e viewBox 0 0 24 24. Conjuntos sólidos single-path (ex.: `mdi`) morfam melhor que traço com muitos sub-paths.232. **Pegar o SVG do ícone escolhido** (markup pronto para inline):24 ```25 curl -s "https://api.iconify.design/{conjunto}/{icone}.svg" -o assets/icons/CONCEITO.svg26 ```273. **Validar a licença do conjunto** (nos metadados de busca/coleção): **apenas** MIT, Apache-2.0, CC0 ou CC-BY. Se o resultado for proprietário ou sem licença clara, busque alternativa aberta; se não houver, avise.284. **Registrar atribuição** em `CREDITS.md` do deck: uma linha por conjunto (nome, licença, link). Obrigatório.2930## Guarda de propriedade intelectual (inegociável)3132**Recuse** personagens ou marcas de IP protegida (heróis de franquia, mascotes de empresa, logos de terceiros). Não baixe automaticamente: explique e sugira **arte original** (ex.: herói genérico de capacete e propulsores, sem personagem real).3334## Render: reaproveite o núcleo do mira-svg-morph3536Baixados os SVGs, o resto é **idêntico ao `mira-svg-morph`**: inline com ids únicos por arquivo, `MorphSVGPlugin.convertToPath` em formas não-path, vendorar GSAP + MorphSVG em `assets/gsap/`, card limpo (título sem ícone máx. 6 palavras, forma central em #FF904D), timeline em loop (`repeat: -1`; 2 = ida e volta, N = encadeia), `prefers-reduced-motion` com estado final estático, e registrar no trigger do deck. Use o mesmo scaffold de JS daquela skill (a constante `FORMAS` recebe os `d` dos ícones na ordem dos conceitos).3738## Passos39401. **Receber os conceitos** em palavras, na ordem do morph (2 ou mais). Com 1 só, avise que precisa de 2 ou mais. Se for IP protegida, recuse e sugira arte original.412. **Buscar no Iconify**, preferindo path único e viewBox 0 0 24 24. Apresente as opções por conceito (conjunto + licença); deixe o usuário escolher ou escolha a melhor single-path de licença aberta.423. **Baixar os SVGs** para `assets/icons/` e **registrar atribuição** em `CREDITS.md`.434. **Renderizar o morph** reaproveitando o núcleo do `mira-svg-morph` (inline, ids únicos, convertToPath, vendorar GSAP, card, loop, reduced-motion, trigger).445. **Reportar.** Caminho do arquivo, conceitos e sequência do morph, conjuntos usados com licença, o loop em uma frase, e que o deck abre por `file://` sem rede.4546## Checklist4748- [ ] 2 ou mais conceitos; com 1 só, a skill avisou.49- [ ] Ícones de licença aberta (MIT, Apache-2.0, CC0 ou CC-BY); nenhum proprietário ou sem licença.50- [ ] Atribuição de cada conjunto registrada em `CREDITS.md` do deck.51- [ ] Nenhum personagem/marca de IP protegida; arte original sugerida quando aplicável.52- [ ] Preferência por path único e viewBox 0 0 24 24.53- [ ] Render igual ao `mira-svg-morph`: inline, ids únicos, convertToPath, GSAP vendorado, loop, reduced-motion, card limpo.54- [ ] Internet só na geração; o deck final abre por `file://` sem rede (ícones inline, GSAP vendorado).55- [ ] Título sem ícone, no máximo 6 palavras; laranja #FF904D na forma.56- [ ] Marcador `@MIRA:SIZE 3/10`; timeline registrada no trigger do deck; anti-vazamento (`kill`) antes de replay.57- [ ] Nenhum travessão (—); acentuação UTF-8 correta (segue `agents/_shared/idioma.md`).
Run npx skillmds@latest add sandeco/mira-icon-morph in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.
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, Apache-2.0, CC0 ou CC-BY), com atribuição em CREDITS.md; recusa personagens/marcas de IP protegida e sugere arte original. Reaproveita o render do mira-svg-morph. Use SEMPRE que o usuário disser "/mira-icon-morph", "nuvem virando lâmpada", "uma semente que vira árvore", "cadeado abrindo", "morfa o conceito X no Y", "acha um ícone que vira outro", "busca uns ícones e faz morph", ou descrever em palavras dois ou mais conceitos para um virar o outro SEM fornecer arquivos. Se o usuário JÁ tem os arquivos .svg, use mira-svg-morph. Para metáfora densa/emergente (partículas, explosão), use mira-animator (D3). It is listed under Docs & Writing on SkillMD.
This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.
This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.
Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.
sandeco (@sandeco) published this skill. Their other Agent Skills are listed on their SkillMD profile.
sandeco