claude

animation-components

Comprehensive animation and component libraries with React Spring, Magic UI, React Bits, AOS, Anime.js, and Lottie

0 on GitHubby Claude Design Skillstackv1.0.0Apache-2.0updated 2 months agobundle
/

Plugin animation-components from marketplace claude-design-skillstack in shravanA-git/skilltest5. Commands read from the repo's manifest — 1 month ago.

What it installs

Skills (5)

  • animated-component-libraries

    Pre-built animated React component collections combining Magic UI (150+ TypeScript/Tailwind/Motion components) and React Bits (90+ minimal-dependency animated components). Use this skill when building landing pages, marketing sites, dashboards, or interactive UIs requiring pre-made animated componen

  • animejs

    Versatile JavaScript animation engine for DOM, CSS, SVG, and JavaScript objects. Use when creating timeline-based animations, stagger effects, SVG morphing, keyframe sequences, or complex choreographed animations. Triggers on tasks involving Anime.js, timeline animations, staggered sequences, SVG pa

  • lottie-animations

    After Effects animation rendering for web and React applications. Use this skill when implementing Lottie animations, JSON vector animations, interactive animated icons, micro-interactions, or loading animations. Triggers on tasks involving Lottie, lottie-web, lottie-react, dotLottie, After Effects

  • react-spring-physics

    Physics-based animation library combining React Spring (spring dynamics, gesture integration, 60fps animations) and Popmotion (low-level composable animation utilities, reactive streams). Use when building fluid, natural-feeling UI animations, gesture-driven interfaces, physics simulations, or sprin

  • scroll-reveal-libraries

    Simple scroll-triggered reveal animations using AOS (Animate On Scroll). Use this skill when building marketing pages, landing pages, or content-heavy sites requiring basic fade/slide effects without complex animation orchestration. Triggers on tasks involving scroll animations, scroll-triggered rev

Slash commands (10)

  • /animation-components:animated-component-libraries-component_importer
  • /animation-components:animated-component-libraries-props_generator
  • /animation-components:animejs-animation_generator
  • /animation-components:animejs-timeline_builder
  • /animation-components:lottie-animations-generate_lottie_component
  • /animation-components:lottie-animations-optimize_lottie
  • /animation-components:react-spring-physics-physics_calculator
  • /animation-components:react-spring-physics-spring_generator
  • /animation-components:scroll-reveal-libraries-aos_generator
  • /animation-components:scroll-reveal-libraries-config_builder

Subagents (6)

  • animated-component-libraries-specialist
  • animation-components-integration
  • animejs-choreographer
  • lottie-animations-choreographer
  • react-spring-physics-choreographer
  • scroll-reveal-libraries-specialist
View source on GitHub

More from shravanA-git/skilltest5

All 27 plugins →

Extended 3D graphics and smooth scroll stack with A-Frame, lightweight effects, PlayCanvas, PixiJS, Locomotive Scroll, and Barba.js

6 skills · 12 commands · 7 agents

0

Complete core 3D and animation stack with Three.js, GSAP, React Three Fiber, Framer Motion, and Babylon.js

5 skills · 9 commands · 6 agents

0

Professional 3D authoring and motion graphics pipeline with Blender, Spline, Rive, and Substance 3D

4 skills · 10 commands · 5 agents

0

Integration patterns and modern web design guidelines for building cohesive 3D/animation experiences

2 skills · 4 commands · 3 agents

0

Blender to web export workflows for 3D models and animations. Use this skill when exporting Blender models to glTF for web, optimizing 3D assets for Three.js or Babylon.js, batch processing models with Python scripts, automating Blender workflows, or creating web-ready 3D pipelines. Triggers on tasks involving Blender glTF export, bpy scripting, 3D asset optimization, model compression, texture baking, or Blender automation. Exports models for threejs-webgl, react-three-fiber, and babylonjs-engine skills.

1 skill · 3 commands · 1 agent

0

Comprehensive skill for Adobe Substance 3D Painter texturing and material creation workflow. Use this skill when creating PBR materials, exporting textures for web/game engines, optimizing 3D assets for real-time rendering, or automating texture workflows. Triggers on tasks involving Substance 3D Painter, PBR texturing, material creation, texture export for Three.js, Babylon.js, Unity, Unreal, glTF optimization, or Python API automation. Creates optimized textures for threejs-webgl, react-three-fiber, and babylonjs-engine materials.

1 skill · 3 commands · 1 agent

0

Similar plugins

Professional UI/UX design intelligence for AI coding assistants. Includes searchable databases of styles, colors, typography, charts, and UX guidelines for React, Next.js, Astro, Vue, Nuxt.js, Nuxt UI, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui, Jetpack Compose, Angular, Laravel, JavaFX, and Three.js.

7 skills

nextlevelbuilder/ui-ux-pro-max-skill 148,759

nextjs

claude

Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.

6 skills

vercel/next.js 143,495

Taste Skill

claudecodex

tasteskill 2.5.1: professional company websites at the figma.com and x.ai level, with one section per screen, real photographs, real product UI, effects kept for tech and gaming pages, and a real-browser checker and finish gate.

1 skill

Leonxlnx/taste-skill 114,391

storybook

claudecodex

Build, preview, and test UI components with Storybook.

7 skills

storybookjs/storybook 91,552

Claude Code mod: watch Headroom snip tokens off every request, with an animated band, a /headroom log and a running total.

headroomlabs-ai/headroom 79,508

diagram-design

claudecodex

Editorial diagrams in your brand, as self-contained HTML and SVG. Architecture, flowcharts, sequence, state machines, ER and database schemas, timelines, swimlanes, org charts, Gantt, Wardley maps, user journeys, service blueprints, UML class, lifecycle phase maps, and charts from bar, line and scatter to Sankey, treemap and heatmap, plus many more. Redraws draw.io, Mermaid, Excalidraw and PlantUML files. Exports SVG and PNG.

1 skill · 7 commands

cathrynlavery/diagram-design 66,757

Maintain animation-components?

This page updates itself from your repo. Add the badge to your README, or get it Featured to pin it above the organic results with a followed link to your site.

claude & codex plugins27 plugins