Claude Setup and Power User Skills
The Creative MCP Stack
One prompt installs four MCPs: Remotion for video, Google Stitch for design, Supabase for databases, Magic by 21st.dev for components. Four tools, one install.
One prompt installs four MCPs that expand Claude Code into a full creative production environment: Remotion for programmatic video, Google Stitch for design systems, Supabase for live databases, and Magic by 21st.dev for premium UI components. Each one closes a gap that makes Claude Code genuinely more useful in production workflows.
How to do it
- 1Run the single installation prompt in Claude Code. It handles all four MCP configurations in sequence
- 2Remotion MCP: Claude can now generate and render programmatic video directly. Describe a video in code and Remotion builds and exports it
- 3Google Stitch MCP: Claude generates DESIGN.md specs, Tailwind configs, and component token systems from a design brief in plain language
- 4Supabase MCP: Claude can query and write to a live Postgres database with type-safe operations. No manual SQL required for standard operations
- 5Magic by 21st.dev MCP: Claude searches a curated registry of premium UI components and scaffolds them directly into your project with correct imports
- 6Test with a combined task: brief leads to Stitch generating the design system, Magic scaffolds a component, Supabase wires the data, Remotion renders a demo video
Why it works
Each MCP in this stack removes a different production bottleneck. Separately they are useful. Together they let a single operator produce work that usually requires four different specialists.
All guides are free, no sign-up required. Browse free resources