Making Motion Graphics with Claude Code

Mastering AI-Powered Animation, Creative Coding, Visual Effects and Prompt Engineering

Introduction

1. What Is Different Now
2. The Code-First Advantage
3. Who This Book Is For
4. How This Book Is Structured
5. What to Expect

Part I: Foundation

Chapter 1: The Creative Coding Revolution

1. From Niche Skill to Universal Creativity
2. What Claude Code Actually Is (and Is Not)
3. The Motion Graphics Workflow Before and After AI
4. Visual Proof: What Professional Results Look Like
5. The Underlying Technology Stack
6. How to Use This Book
7. The Creative Discipline Shift

Chapter 2: Setting Up Your Motion Graphics Studio

1. Installing and Configuring Claude Code
2. Essential Development Tools
3. Project Structure Templates
4. The Reference Library
5. Testing and Previewing Animations
6. Creating Your CLAUDE.md
7. Environment Checklist

Chapter 3: The Language of Motion

1. Timing, Spacing and the Illusion of Life
2. Easing Curves and How to Specify Them in Prompts
3. Composition Rules That Apply to Code-Based Motion
4. Color Theory for Digital Animation
5. Camera Movement Vocabulary for 3D Scenes
6. Putting It Together: A Complete Visual Specification

Chapter 4: Prompt Engineering for Visual Creativity

1. The Anatomy of a Motion Graphics Prompt
2. Visual Descriptors That Actually Work
3. Providing Context and References Effectively
4. Iterative Refinement: The Prompt Sequencing Method
5. Prompting for Style, Mood and Aesthetic Consistency
6. The Ten-Point Brief Template
7. Common Pitfalls and How to Avoid Them
8. Building Prompt Templates for Your Workflow

Part II: Core Technologies

Chapter 5: Two-Dimensional Motion with Canvas and SVG

1. HTML Canvas: Real-Time Animation and Pixel Control
2. SVG Animation: Scalable Vector Motion Graphics
3. Performance Comparison and When to Choose Each
4. Prompt Pack: 2D Abstract and Kinetic Animations
5. Complete Project: Animated Motion Poster

Chapter 6: Three.js Motion Graphics

1. Scene Architecture and Object Hierarchy
2. Materials, Lighting and Photorealistic Surfaces
3. Camera Systems and Cinematic Movement
4. Post-Processing Effects
5. Prompt Pack: Three.js 3D Animations and Environments
6. Complete Project: Product Hero Animation

Chapter 7: React Three Fiber for Production Workflows

1. Why React Three Fiber Changes Everything
2. Component Structure and State-Driven Animation
3. Drei Helpers and Production Utilities
4. Prompt Pack: R3F Interactive and Component-Based Animations
5. Complete Project: Interactive Product Visualizer

Chapter 8: GSAP Masterclass for Professional Animation

1. Timeline Architecture and Choreography
2. Easing and Motion Quality
3. ScrollTrigger and Scroll-Driven Animation
4. Morphing and Shape Animation
5. Combining GSAP with Three.js and R3F
6. Prompt Pack: GSAP Complex Sequences and Micro-Interactions
7. Complete Project: Cinematic Scroll Animation

Chapter 9: Shaders and GLSL Visual Effects

1. Understanding the GPU Pipeline Without the Math
2. Fragment Shaders for Abstract and Liquid Effects
3. Vertex Shaders for Geometric Deformation
4. Three.js Shader Integration
5. Prompt Pack: GLSL Shader Effects and Patterns
6. Complete Project: Shader-Based Title Treatment

Part III: Advanced Visual Techniques

Chapter 10: Particle Systems and Fluid Simulations

1. Three.js and React Three Fiber Particle Systems
2. Simulating Liquids, Smoke and Explosions
3. Custom Shader-Based Particles
4. Prompt Pack: Particle and Fluid Animation Effects
5. Complete Project: Particle Logo Reveal

Chapter 11: Procedural Geometry and Generative Visuals

1. Mathematical Foundations Without the Headache
2. Noise Functions, Fractals and Organic Shapes
3. Procedural Environments and Architectural Visuals
4. Generative Motion Design
5. Prompt Pack: Generative and Procedural Animation
6. Complete Project: Generative Background Loop

Chapter 12: Kinetic Typography and Liquid Text

1. Character Animation and Text Layout in Code
2. Three.js Text Geometry and Material Effects
3. Liquid and Metamorphic Typography Techniques
4. Prompt Pack: Kinetic Typography Animations
5. Complete Project: Cinematic Title Sequence

Chapter 13: Audio-Reactive Graphics and Music Visualizers

1. Web Audio API Integration and Analysis
2. Frequency-Based Visual Mapping Strategies
3. Performance Considerations for Real-Time Audio
4. Three.js Audio-Reactive Scenes
5. Prompt Pack: Audio-Reactive Animation
6. Complete Project: Live Music Visualizer

Chapter 14: Holographic and Sci-Fi Visual Effects

1. Volumetric Lighting and Fog Effects
2. Hologram Shaders and Chromatic Aberration
3. Sci-Fi Interface and HUD Design
4. Prompt Pack: Futuristic and Holographic Effects
5. Complete Project: Sci-Fi Environment Loop

Part IV: Professional Workflows

Chapter 15: AI-Powered Creative Platforms

1. Landscape of AI Motion Graphics Tools
2. Platform Comparisons and Use Case Mapping
3. Hybrid Workflows: Claude Code Combined with Specialized Tools
4. Integration Strategies and Asset Pipelines
5. Research Findings on Emerging Platforms

Chapter 16: Design Systems and Reusable Animation Libraries

1. Animation Design Tokens and Variables
2. Building Reusable Component Libraries
3. Style Guides for Animated Brands
4. Prompt Pack: Design System Generation
5. Complete Project: Brand Animation System

Chapter 17: Agentic Workflows and Creative Automation

1. Claude Code Skills for Motion Graphics Tasks
2. Custom Commands for Repeated Operations
3. MCP Server Integrations for Creative Tooling
4. Automating Asset Generation and Variation
5. Prompt Pack: Workflow Automation and Skills
6. Complete Project: Automated Production Pipeline

Chapter 18: Debugging, Critiquing and Refining Visuals

1. Common Failure Modes and Corrective Prompts
2. Visual Critique Prompts That Produce Real Improvements
3. Performance Debugging and Optimization
4. The Review and Refinement Loop
5. Prompt Pack: Debugging and Refinement

Part V: Complete Projects and Prompt Encyclopedia

Chapter 19: Cinematic Title Sequences and Brand Films

1. Creative Brief and Visual Direction
2. Claude Code Project Initialization
3. Architecture and Scene Construction
4. Animation Choreography
5. Lighting, Effects and Final Polish
6. Export and Delivery
7. Review and Quality Assurance

Chapter 20: Product Advertisements and Luxury Branding

1. Understanding Product Animation Requirements
2. Material and Lighting for Product Photography-Quality 3D
3. Camera Choreography for Product Showcase
4. Integration with Brand Guidelines
5. Social Media Adaptation and Format Variants
6. Complete End-to-End Workflow Summary

Conclusion

1. The Path Forward
2. What You Can Now Create
3. The Last Word on AI and Creativity

References