Production-grade motion for the modern web — timelines, smooth scroll, layout animations, JSON illustrations, and tiny GPU-accelerated tweens.
6 skills · Works with Claude Code, Codex, Cursor & more
Build professional, high-performance animations with GSAP. Generates timeline sequences, ScrollTrigger effects, SVG morphing, text animations, and physics-based motion that work across every browser.
claude install-skill community/gsap-animation Create fluid animations and transitions in React with Framer Motion. Generates layout animations, gesture interactions, scroll-triggered effects, page transitions, and complex orchestrated sequences.
claude install-skill Jeffallan/claude-skills/react-expert Add buttery smooth scroll to any web app with Lenis. Configures inertia, anchor links, scroll snapping, and integrates cleanly with GSAP ScrollTrigger and Framer Motion useScroll.
claude install-skill community/lenis-scroll Add zero-config layout animations to lists, grids, and dynamic UIs with FormKit AutoAnimate. One directive — children fade, slide, and reorder smoothly.
claude install-skill community/auto-animate Build hardware-accelerated animations with Motion One — the tiny (3kb) library powered by the Web Animations API. Works with vanilla JS or any framework.
claude install-skill community/motion-one Render After Effects animations as crisp, lightweight Lottie JSON in React. Configures playback, controllers, interactivity, and DotLottie for 90% smaller files.
claude install-skill community/lottie-react Build AI-powered applications with RAG, multi-agent systems, prompt engineering, and MCP integrations
Modern warehouse-native data engineering — dbt for transformations, Dagster for orchestration, DuckDB and Polars for fast local analytics, plus pipeline and SQL fundamentals
End-to-end deployment, monitoring, and infrastructure skills for shipping and operating production systems