Claude Code
com o Claudinho
O Claude no terminal: o que o Vagner usa nos vídeos.
Lottie Animations skill
Renderiza animações do After Effects na web e em React com Lottie, em JSON vetorial e interativo
- instalações
- 2.900
- estrelas no GitHub
- 1.130
- No skills.sh desde
- fevereiro de 2026
- Licença
- MIT
Atualizada no GitHub em 20 de novembro de 2025. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.
Nas palavras de quem fez
After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive…
Segurança
Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.
- Gen Agent Trust HubPassou
- SocketPassou
- SnykPassou
Perguntas
Como instalar a Lottie Animations no Claude Code?
Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Lottie Animations, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.
Levar essa skill
1x lottie-animationsR$ 0,00
TotalR$ 0,00
Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/freshtechbro/claudedesignskills
Aprenda a usar
- Claude Design: como usar, até no plano grátis
O Claude Design cria tela de site, protótipo e slide conversando, e agora vem até no plano grátis. Veja onde abrir, como usar e como levar pro Claude Code.
Na mesma prateleira
Ver as 1.414 skills do corredornexu-io
apple-
Indica pro agente o pacote com as regras de interface da Apple, em 14 skills, pra desenhar app de iPhone, Mac, Apple Watch, Vision Pro e Apple TV.Auditada3.200 instalações, grátishig yetone
kill-
Varre o projeto, aponta arquivo e linha de tudo que denuncia site feito por IA e corrige só o que você aprovar.Auditada3.200 instalações, grátisai- slop mindrally
framer-
O Claude anima o seu site React do jeito que roda liso: movimento que não engasga, molas naturais e respeito a quem prefere menos movimento.Auditada3.000 instalações, grátismotion paulrberg
tailwind-
Mexe no visual do site pelo Tailwind sem inventar moda: usa as cores e os componentes que já existem e olha a tela de verdade antes de dizer que acabou.Auditada3.000 instalações, grátiscss swiftui-
Telas de app iOS e macOS com estilo próprio: cores e fontes definidas antes do código, três direções pra escolher e revisão antes de entregar.Auditada2.900 instalações, grátisdesign OpenAI
figma-
O Claude estuda o seu código e escreve no CLAUDE.md as regras pra toda tela vinda do Figma sair com os componentes e as cores do projeto.OficialAuditada2.900 instalações, grátiscreate- design- system- rules zate
godot-
O Claude monta menus, HUD, inventário e caixas de diálogo no Godot com a estrutura certa, tema reaproveitável e navegação por controle.Auditada2.700 instalações, grátisui iart-ai
lottie-
A animação que o designer fez no After Effects roda leve no site ou no app, acompanha a rolagem da página e troca de cor sem exportar de novo.Auditada2.200 instalações, grátisanimation
Mais da loja freshtechbro
Ver a loja freshtechbrofreshtechbro
motion-
Cria animações fluidas em React e JavaScript com Motion (Framer Motion): variantes e gestosAuditada5.900 instalações, grátisframer threejs-
Desenvolve em 3D na web com Three.js: cenas interativas, WebGL/WebGPU e configuradores de produtoAuditada4.600 instalações, grátiswebgl react-
O Claude coloca 3D de verdade no seu site React: produto que gira na tela, vitrine interativa, portfólio e animação que acompanha a rolagem.Auditada3.800 instalações, grátisthree- fiber blender-
Exporta modelos e animações 3D do Blender para a web em glTF e otimiza para Three.jsAuditada3.500 instalações, grátisweb- pipeline web3d-
Combina Three.js, GSAP ScrollTrigger, React Three Fiber, Motion e React Spring em experiências web 3DAuditada3.100 instalações, grátisintegration- patterns animated-
Reúne componentes React animados prontos do Magic UI (150+) e do React Bits (90+)Auditada2.900 instalações, grátiscomponent- libraries modern-
Traz tendências, princípios e padrões de implementação de web design moderno para 2024-2025Auditada2.900 instalações, grátisweb- design gsap-
Cria animações web e experiências guiadas por rolagem com GSAP e ScrollTriggerAuditada2.800 instalações, grátisscrolltrigger spline-
Cria cenas 3D interativas no Spline, sem código, e exporta para a webAuditada2.800 instalações, grátisinteractive animejs
Cria animações no DOM, CSS e SVG com Anime.js: timelines, stagger e morphing de SVGAuditada2.700 instalações, grátislightweight-
Adiciona efeitos 3D leves a elementos decorativos e microinterações com Zdog, Vanta.js e Vanilla-Tilt.jsAuditada2.600 instalações, grátis3d- effects rive-
Cria animações vetoriais interativas com máquina de estados no Rive e integra na webAuditada2.600 instalações, grátisinteractive