charlie947/motion-graphics-skills

What it solves

This project provides a structured workflow for creating high-quality, "launch-grade" motion graphics and animated videos entirely through code. It eliminates the need for traditional video editing software like After Effects or generic video generators by leveraging Claude Code to write, draw, and render animations.

How it works

The project uses a collection of 15 modular "skills" designed to be used with Claude Code. Users first run a brand-intake skill to generate configuration files (brand.md and MOTION.md) that store brand identity, colors, and design rules. Subsequent skills—such as launch-video, animated-chart, or title-sequence-3d—reference these files to ensure all generated animations remain consistent with the user's brand. The system uses Claude to interpret natural language prompts, generate the necessary code for frames, and render the final output.

Who it’s for

It is for creators, marketers, and designers who want to produce professional-looking video content, product launches, or data visualizations using AI-assisted coding workflows rather than manual frame-by-frame editing.

Highlights

• Code-based animation: Every frame is generated via code, ensuring precision and consistency.
• Modular skill system: 15 distinct workflows covering tasks from brand setup and brief writing to specific video types like explainer videos and UI-heavy product launches.
• Brand consistency: Centralized configuration files ensure that every animation adheres to specific brand colors, fonts, and motion rules.
• Integration ready: Designed to work directly within Claude Code, allowing for iterative refinement through natural language feedback.