maestro

Guides UI design, motion, 3D, and video production through distilled references and vendored protocol corpora.

1|Updated Jul 19, 2026
One-click install
npx skills add https://github.com/leobbaroni/maestro --skill maestro-leobbaroni
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: maestro
Source: https://github.com/leobbaroni/maestro/tree/main/skills/maestro
Command: npx skills add https://github.com/leobbaroni/maestro --skill maestro-leobbaroni

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Design, animation, 3D, and video work for AI coding agents is fragmented across a dozen separate knowledge bases with conflicting advice. Maestro consolidates twelve design, motion, and video skill projects into one unified skill with a distilled judgment layer and a verbatim depth layer, so every visual task follows one coherent, conflict-resolved methodology. ## Core Features & Use Cases - Design direction and audit: art direction with a dealt direction round, Design DNA extraction from reference UIs, anti-slop critique catalogs, accessibility auditing, and edge-case hardening for any UI build or redesign. - Motion and 3D implementation: engine-agnostic motion principles plus concrete guidance for CSS, WAAPI, Motion/Framer Motion, GSAP/ScrollTrigger, Three.js/WebGL/R3F, and canvas generative art. - Video production: a 157-card shot vocabulary for product demos, engine routing across HyperFrames, Remotion, and canvas rendering, plus generative image/video pipelines with brand locks, model gates, and storyboard approval gates. - Use Case: Ask for a landing page redesign and Maestro interviews you to lock a brief, deals art directions, builds with the appropriate design and motion modules, then critiques the rendered result against the brief before shipping. ## Quick Start Ask the agent to design and build a new landing page for your product, and Maestro will grill you on the brief, deal art directions, and build and verify the result.

Frequently Asked Questions about maestro

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

FAQPage Schema
How do I design a landing page with an AI coding agent?▼

Maestro runs a Grill Gate interview to lock the brief, deals art directions through a direction round, then builds using design foundations and motion modules. It finishes by rendering and critiquing the result against the locked brief before shipping.

What animation library should I use for web UI motion?▼

Use CSS transitions for simple state changes, Motion (formerly Framer Motion) for React layout and gesture animation, GSAP for timeline choreography and scroll-driven stories, and WAAPI for one-off dependency-free tweens. Maestro's engine chooser maps each situation to the right tool.

How do I make a product demo video from my app?▼

Maestro routes product demos through its shotcraft module, which provides a mode gate, a 157-card shot vocabulary, and an eight-stage pipeline rendered through Remotion. The user first picks what kind of film it is before any engine is chosen.

Does Maestro support Three.js and React Three Fiber scenes?▼

Yes, it includes a distilled Three.js module covering scene fundamentals, shaders, postprocessing, and React Three Fiber. The upstream threejs-skills corpus is not vendored due to licensing, but the distillation stands alone.

When should I use generative image models instead of code-rendered video?▼

Use generative models for photoreal humans, real-world locations, and material texture; use code rendering for anything that must be frame-exact, versionable, or re-renderable. Maestro gates model selection behind a user decision and offers bake-offs across engines.

Why does my AI-generated UI look generic and how do I fix it?▼

Generic output comes from AI-slop patterns like default purple gradients, card grids, and eyebrow labels. Maestro's audit module catalogs these tells with mechanical grep checks and severity-ranked fixes, plus a brand-surface shipping gate before any build is declared done.