Create beautiful, performant web animations for React and TypeScript applications. Includes background effects, text animations, 3D transforms, creative visual effects, Framer Motion, GSAP, and more.
Plugin react-animation-studio from marketplace taia-marketplace in trusted-american/marketplace. Commands read from the repo's manifest — 19 days ago.
3d-animationsExpert knowledge for CSS/JS-based 3D animations - perspective transforms, depth effects, card flips, cube rotations, and parallax depth without WebGL.
accent-animationsExpert knowledge for decorative accent animations - floating shapes, glowing orbs, animated borders, sparkle effects, and embellishments that add visual polish and delight to interfaces.
agentic-patternsPatterns from \"Agentic Design Patterns\" (Gulli & Sauco, 2025) applied to web animation composition, performance optimization, and multi-library orchestration for React and TypeScript.
background-animationsExpert knowledge for creating stunning animated backgrounds - gradient flows, particle systems, mesh gradients, aurora effects, wave patterns, and dynamic textures that bring depth and life to your interfaces.
creative-effectsExpert knowledge for artistic and creative animation effects - morphing shapes, liquid animations, glitch effects, distortion, and experimental visual techniques that push creative boundaries.
css-animationsExpert knowledge for pure CSS animations - lightweight, performant animations using CSS keyframes, transitions, and modern CSS features without JavaScript dependencies.
framer-motionExpert knowledge for Framer Motion - the production-ready motion library for React. This skill enables declarative animations, gesture recognition, and layout animations with optimal performance.
gsapExpert knowledge for GSAP (GreenSock Animation Platform) - the industry-standard JavaScript animation library for professional-grade animations with precise timeline control.
scroll-animationsExpert knowledge for scroll-triggered animations, parallax effects, and scroll-linked interactions that create immersive storytelling experiences.
spring-physicsExpert knowledge for physics-based spring animations - natural, organic motion that follows real-world physics principles for delightful user experiences.
svg-animationsExpert knowledge for SVG path animations, morphing shapes, and vector graphics effects that create stunning visual experiences with resolution-independent graphics.
text-animationsExpert knowledge for creative text animations - typewriter effects, character-by-character reveals, kinetic typography, split text animations, and expressive text motion.
/react-animation-studio:animate-3dCreate CSS/JS-based 3D animations including flip cards, tilt effects, rotating cubes, parallax depth layers, and 3D carousels without WebGL.
/react-animation-studio:animate-auditAudit animations for performance, accessibility, and best practices compliance.
/react-animation-studio:animate-backgroundGenerate stunning animated backgrounds for React applications using CSS gradients, particles, aurora effects, and more.
/react-animation-studio:animate-componentAdd animations to existing React components with intelligent analysis and seamless integration.
/react-animation-studio:animate-effectsCreate artistic and experimental visual effects including morphing shapes, glitch effects, liquid animations, magnetic interactions, and creative loaders.
/react-animation-studio:animate-exportExport animations as reusable components, hooks, or design tokens.
/react-animation-studio:animate-presetApply pre-built animation presets from a curated library of beautiful, tested animations.
/react-animation-studio:animate-scrollAdd scroll-triggered animations to elements and sections with intelligent viewport detection.
/react-animation-studio:animate-sequenceCreate choreographed animation sequences with precise timing and orchestration.
/react-animation-studio:animate-textCreate expressive text animations including typewriter effects, character reveals, kinetic typography, and gradient text animations.
/react-animation-studio:animate-transitionCreate page transitions and route animations for seamless navigation experiences.
/react-animation-studio:animateGenerate beautiful, production-ready animation code from natural language descriptions. This command transforms creative descriptions into optimized TypeScript/React animations.
react-animation-studio:animation-architectMaster architect for complex animation systems and choreography in React/TypeScript applications. This agent establishes scalable animation architectures that drive engaging user experiences across your application.
react-animation-studio:creative-effects-artistUse for decorative and artistic visual effects in React: animated backgrounds (gradients, particles, aurora, mesh, waves, morphing blobs), accent flourishes (floating shapes, glowing orbs, sparkles, shimmer borders), kinetic typography and text reveals, glitch/liquid/morph effects, and 3D transforms
react-animation-studio:interaction-specialistMicro-interactions, gesture animations, and responsive feedback specialist. This agent creates tactile, satisfying interactions that establish intuitive user experiences and clear visual communication.
react-animation-studio:motion-designerCreative motion design specialist for physics-based animations, visual effects, and expressive movement in React/TypeScript applications. This agent transforms static interfaces into delightful, living experiences.
react-animation-studio:performance-optimizerAnimation performance optimization specialist ensuring 60fps smooth animations across devices while maintaining accessibility compliance. This agent establishes performance-first animation patterns that deliver measurable improvements to user experience.
react-animation-studio:transition-engineerPage transitions, route animations, and layout morphing specialist. This agent creates seamless navigation experiences that establish spatial relationships and maintain context during state changes.
Unified delivery orchestration: one plugin replacing six. A tested, dependency-free kernel (swarm conductor with leased claims and worktree isolation, guardrails, transactional state MCP, fleet protocol) behind platform adapters for Linear, Jira, GitHub and Harness. 133 commands, 156 agents, 52 skills, 12 schema-validated workflows, 155 tests.
52 skills · 133 commands · 156 agents · hooks
Modern Claude Code second brain: 5-layer stack deploy + three-tier memory (engram + Obsidian vault + plugin rules) + 22-tool MCP reference server. 21 behavior-triggering skills, 12 single-intent commands, 18 role-scoped agents bridging engram and Obsidian. Tracks current Claude Code capabilities (Fable 5 + Opus 4.8, agent teams, Tool Search, web/remote).
70 skills · 12 commands · 18 agents
Fullstack development agent for the A3 platform — orchestrates Ember.js, Firebase/Firestore, and GCP Cloud Functions with deep codebase knowledge, context-budgeted delegation, targeted review, and CI-based verification
50 skills · 11 commands · 11 agents · 2 MCP servers
Comprehensive Material UI (MUI) expert plugin — 26 skills, 14 commands, 7 agents covering theming, CSS variables, Pigment CSS, components, sx/styled, slots API, MUI X (DataGrid, DatePickers, Charts, TreeView), accessibility, performance, SSR/Next.js, animations, virtualization, forms, white-label/multi-tenant, headless (MUI Base), Joy UI, i18n/RTL, testing, migration, entity-driven CRUD, ecosystem integrations, and 200+ creative widget patterns.
27 skills · 14 commands · 7 agents
Expert system for building agent-rendered interactive UI: MCP Apps (ui:// resources, the ui/* postMessage bridge), mcp-ui, the OpenAI Apps SDK (window.openai), Google A2UI, and AG-UI. 14 commands, 16 skills, 13 agents, 7 runnable project templates, and 4 scripts — scaffolder, spec validator, host-portability checker, and a local host harness — that turn any product requirement into a spec-correct, CSP-hardened, host-portable agent UI.
16 skills · 14 commands · 13 agents
Consul - Enterprise Microsoft ecosystem orchestrator for TVS (Trusted Virtual Solutions) multi-entity multi-tenant deployment. 19 agents, 18 commands, 17 skills, 14 hooks, 5 workflows. MCP server for Graph API, Dataverse, Fabric, and Planner.
1 skill · 18 commands · 19 agents
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
Official Next.js skills: adopt and optimize Cache Components, adopt Partial Prefetching, and verify runtime behavior against a running dev server.
6 skills
Claude Code mod: watch Headroom snip tokens off every request, with an animated band, a /headroom log and a running total.
Generate natively editable PPTX from PDF / DOCX / URL / Markdown — real DrawingML shapes, text boxes, charts, and animations. Note: run `pip install -r requirements.txt` inside the installed plugin directory for the Python post-processing scripts to work.
1 skill
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
HyperFrames by HeyGen. Write HTML, render video. Compositions, GSAP and runtime adapter animations, captions, voiceovers, audio-reactive visuals, and website-to-video capture for HyperFrames.
34 skills
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.