Clean-Cut-MCP

# Batch Animation Operations ## Overview Creates and manages multiple related animations simultaneously, applying consistent styling, themes, and variations across entire animation suites for efficient content production. ## When to Use - Creating multiple variations of the same animation (A/B testing) - Generating a series of related animations for a campaign - Producing content that needs consistent branding across multiple pieces - Scaling up content production for social media or marketing - Creating templates that can be customized for different use cases ## What It Does ### Suite Generation 1. **Template Analysis** - Analyzes base animation to identify customizable parameters 2. **Variation Planning** - Determines optimal variations based on content needs 3. **Batch Creation** - Generates multiple animations with systematic variations 4. **Consistency Validation** - Ensures all animations maintain brand and quality standards ### Content Variations 5. **Text Variations** - Different headlines, descriptions, calls-to-action 6. **Visual Variations** - Different color schemes, images, graphic elements 7. **Timing Variations** - Different durations, pacing, animation speeds 8. **Format Variations** - Different aspect ratios for various platforms ### Quality Control 9. **Cross-Platform Testing** - Validates all animations work on target platforms 10. **Performance Optimization** - Ensures consistent render times and quality 11. **Brand Compliance** - Verifies all variations meet brand guidelines 12. **Package Organization** - Structures files for easy deployment ## MCP Tools Used - `create_animation` - Generate individual animation components - `list_existing_components` - Track created animations and avoid conflicts - `update_composition` - Register all animations in Root.tsx - `auto_sync` - Maintain Root.tsx synchronization - `format_code` - Ensure consistent code quality across all animations - `delete_component` - Remove unwanted variations - `get_project_guidelines` - Apply consistent styling rules ## Prerequisites - Base animation concept or template prepared - Clear understanding of variation requirements - Content variations planned (text, images, colors) - Sufficient disk space for multiple animations - Docker container running and accessible ## Examples ### Example 1: Social Media Campaign Suite ``` User: "Create 5 variations of our product launch video for different platforms" Base: 30-second product showcase animation Variations: - Instagram Reels (9:16, 15 seconds) - TikTok (9:16, 20 seconds, trending audio timing) - YouTube Shorts (9:16, 30 seconds, detailed) - LinkedIn Feed (1:1, 45 seconds, professional tone) - Facebook Feed (16:9, 30 seconds, general audience) Features: Consistent branding, platform-optimized timing ``` ### Example 2: A/B Testing Suite ``` User: "Need to test 4 different headlines and 3 different color schemes" Base: Product announcement animation Matrix: 4 headlines × 3 colors = 12 total variations Testing: Each variation named with systematic naming convention Analytics: Ready for performance tracking and optimization Features: Identical timing, only headline and colors vary ``` ### Example 3: Seasonal Campaign Suite ``` User: "Create holiday-themed versions of our standard product animations" Base: Standard product showcase animations Themes: Winter, Spring, Summer, Fall variations Elements: Seasonal colors, imagery, and motion patterns Duration: Same core timing with seasonal intro/outro transitions Features: Maintains brand identity with seasonal adaptations ``` ### Example 4: Multi-Language Suite ``` User: "Create versions for English, Spanish, French, and German markets" Base: Educational animation about our service Variations: 4 languages with appropriate text sizing and timing Cultural: Color schemes adapted for regional preferences Fonts: Optimized for readability in each language Features: Identical visual flow, language-optimized typography ``` ## Error Handling ### Common Issues and Solutions: **Naming Conflicts** - Error: "Component already exists" during batch creation - Solution: Systematic naming with version numbers or timestamps - Prevention: Check existing components before starting batch operation **Inconsistent Styling** - Error: Animations don't match visually across the suite - Solution: Use consistent color palettes and typography from PROJECT_CONFIG.md - Prevention: Create style guide before starting batch generation **Performance Issues** - Error: Slow rendering or memory issues with large suites - Solution: Process in smaller batches, optimize asset sizes - Prevention: Estimate resource requirements before starting **File Organization** - Error: Can't track which animation is which variation - Solution: Implement clear naming convention and directory structure - Prevention: Plan organization scheme before batch creation **Quality Inconsistency** - Error: Some animations don't meet quality standards - Solution: Batch validation and individual review process - Prevention: Use consistent validation rules across all variations ## Tips & Best Practices ### Planning Phase - **Start small** - test with 2-3 variations before scaling up - **Document everything** - keep track of what each variation represents - **Plan naming conventions** - systematic names prevent confusion later - **Estimate resources** - calculate disk space and render time needed ### Creation Phase - **Use templates** - create reusable animation templates for consistency - **Automate where possible** - use scripts for repetitive tasks - **Validate incrementally** - check each animation as it's created - **Maintain backups** - save progress frequently during batch operations ### Organization Phase - **Group logically** - organize animations by campaign, platform, or purpose - **Create documentation** - maintain spreadsheets or databases of variations - **Version control** - track changes and maintain history - **Quality assurance** - systematic review process for all variations ### Deployment Phase - **Test thoroughly** - verify each animation works on target platforms - **Monitor performance** - track render times and file sizes - **Plan updates** - system for updating all variations when needed - **Archive properly** - maintain organized archive for future reference ## Advanced Features ### Intelligent Variation Generation - AI-powered suggestions for effective variations - Performance prediction based on historical data - Automatic optimization for different platforms - Smart color palette generation based on brand guidelines ### Cross-Platform Optimization - Automatic aspect ratio adaptation - Platform-specific timing adjustments - Optimized file sizes for different use cases - Format conversion and compression ### Analytics Integration - Performance tracking across all variations - A/B testing result analysis - Automated optimization recommendations - ROI calculation for different animation approaches ### Template Marketplace - Pre-built animation templates for common use cases - Community-contributed templates and variations - Industry-specific animation suites - Rapid deployment with minimal customization This skill transforms individual animation creation into a systematic content production system, enabling efficient scaling while maintaining quality and consistency across large animation suites.