Volver a Agent Skills
Frontend y Diseño
Text to Lottie
por Julien Thibeaut (ui-skills.com) 3.7k Estrellas en GitHub
Create, edit, and fix Lottie/Bodymovin JSON animations — loaders, icons, microinteractions, and SVG/logo/type animation.
#lottie#svg#animation#microinteractions
Claude Code Codex
Descripción General
Text to Lottie authors and debugs Lottie/Bodymovin JSON animations for players like Skottie — covering loaders, animated icons, UI microinteractions, logo/type animation, data and chart motion, and scene edits. Use it to produce lightweight vector animations directly as JSON.
Para qué sirve
- Generating an animated loading spinner
- Animating a logo or icon set
- Building UI microinteraction animations
- Debugging a broken Lottie file
Instalar
Instalar en Claude Code
# Add the marketplace, then install the skill in Claude Code:
/plugin marketplace add ibelick/ui-skills
/plugin install text-to-lottie
# Or install manually into ~/.claude/skills:
git clone https://github.com/ibelick/ui-skills.git
cp -r ui-skills/text-to-lottie ~/.claude/skills/text-to-lottieExplora herramientas de IA
Las mejores herramientas de IA que complementan tus habilidades
Lee artículos sobre IA y diseño
Consejos y tendencias en el mundo del diseño y la IA
Skills Relacionados
Frontend y Diseño
Frontend Design
Create distinctive, production-grade frontend interfaces that avoid generic AI aesthetics — pages, components, artifacts, and posters.
Claude Code Codex
Frontend y Diseño Web Artifacts Builder
Construct complex, multi-component HTML artifacts for Claude.ai using React and Tailwind.
Claude Code Codex
Frontend y Diseño Animation Systems
Product-grade web motion like Stripe, Linear, Apple, and Vercel — easing/duration defaults, choreography, performance, and reduced-motion.
Claude Code Codex