Motion & 3D Agent Skills

Packages an existing talking-head, interview, or podcast video with timed, designed graphic overlay cards—kinetic titles, lower-thirds, data callouts, quotes, side panels, picture-in-picture—synced to the transcript, on a 16:9, 9:16, or 4:5 canvas.

Provides atomic motion rules, multi-phase scene blueprints, scene transitions, motion-design techniques, and runtime adapters (GSAP, Lottie, Three.js, Anime.js, CSS, WAAPI, TypeGPU) for composing animations with HyperFrames.

Creates a video intro frame with a typing cursor effect that reveals text character by character, accompanied by chromatic aberration trails and directional light leaks.

Generates a video outro frame with a logo assembled from geometric blocks, glow bloom animation, tagline reveal, and CTA, using pure CSS/SVG.

Generates a single-file HTML page with a cyberpunk glitch-art title frame, featuring chromatic aberration, scanlines, noise grain, and data-corruption animations.

Renders announcements, messages, or tips as macOS Big Sur+ style notification banners for video overlays, product launch teasers, or social media graphics.

提供吴宇森导演风格的创意建议，涵盖视觉方案、叙事手法和场景设计，适用于剧本创作与影像设计。

Optimizes Spline 3D scenes for web performance and mobile devices, covering file size checks, loading strategies, and Core Web Vitals.

Creates walkthrough videos from Stitch app designs using Remotion, with smooth transitions, zoom effects, and text overlays.

Provides a creative-direction layer for music videos and short-form edits, defining an angelcore/cloud-trance/hyperpop aesthetic with mood, color, light, and beat-synced editing grammar, and orchestrating video production skills into a pipeline.

Generates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Creates walkthrough videos from Stitch project screens using Remotion, with transitions, zoom effects, and text overlays.

Turn any text into a faceless explainer video with typography, abstract graphics, diagrams, and data visualization.

Provides a catalog of cinematic transition techniques (zoom-through, cut-the-curve, waterfall cut, etc.) with GSAP parameters for velocity-matched seams and in-scene motion.

Renders videos and still images from Remotion compositions using the CLI, with guidance on transparent output.

Produces HTML-first visual design deliverables such as interactive prototypes, slide decks, motion demos, infographics, dashboards, landing pages, whitepapers, changelogs, business cards, social covers, and brand systems, with optional export to MP4, GIF, PPTX, PDF, or SVG.

Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy, flagging issues with easing, duration, performance, and accessibility.

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term, helping users name effects for prompting AI or designers.

Sweeps a codebase or UI for places that would genuinely benefit from motion, applying a strict gate to reject over-animation, and proposes precise animation recipes without implementing them.