Creative Effects Skill

Generate React components for morphing, glitch, and liquid visual effects.

18|2|Updated Dec 12, 2025
One-click install
npx skills add https://github.com/markus41/claude --skill creative-effects-skill
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: Creative Effects Skill
Source: https://github.com/markus41/claude/tree/main/plugins/react-animation-studio/skills/creative-effects
Command: npx skills add https://github.com/markus41/claude --skill creative-effects-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill provides expert knowledge and pre-built components for creating a wide range of artistic and creative animation effects, helping users push creative boundaries in their visual designs.

Core Features & Use Cases

  • Morphing Shapes: Create dynamic liquid buttons and morphing blobs.
  • Glitch Effects: Apply glitch and distortion to text and images for a modern, edgy look.
  • Liquid/Fluid Effects: Implement realistic liquid fills with wave animations and bubble effects.
  • Distortion Effects: Add magnetic pull to buttons and elastic transformations to containers.
  • Creative Loaders: Design unique loaders like DNA helix and orbiting elements.
  • Reveal Effects: Implement smooth mask and split reveals for content.

Quick Start

Use the creative-effects skill to create a button that feels liquid when hovered.

Frequently Asked Questions about Creative Effects Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create morphing shapes and liquid animations in React?

To create morphing shapes and liquid animations in React, you can use declarative components that generate dynamic liquid buttons and morphing blobs for dynamic user interfaces.

What is the best way to apply glitch effects and distortions to text or images?

The best way to apply glitch effects and distortions is by using pre-built React components designed to apply glitch and distortion to text and images for a modern look.

Can I use framer-motion to build creative loaders and reveal effects?

Yes, you can use framer-motion to build creative loaders and reveal effects, as the components integrate seamlessly with animation libraries to ensure smooth transitions and keyframe animations.

Does this approach support elastic transformations and magnetic pull for UI buttons?

Yes, this approach supports elastic transformations and magnetic pull for UI buttons by providing distortion effects that add magnetic pull to buttons and elastic transformations to containers.

Are there limitations when generating advanced visual effects with declarative React components?

A limitation of generating advanced visual effects with declarative React components is that achieving highly custom artistic animation effects may require intermediate implementation depth to push creative boundaries effectively.

Do I need React to implement fluid wave animations and bubble effects?

Yes, you need React to implement fluid wave animations and bubble effects, because the skill provides a library of React components for generating realistic liquid fills through declarative usage.