Design & Media Agent Skills for Cursor

Create a new Remotion video

Structure Remotion markup for interactivity

Remotion Map animation knowledge

Content, animation and effects best practices

Generate programmatic motion design videos for social media (Instagram Reels, TikTok, YouTube Shorts) using Claude Code + Remotion.

Preview a Remotion video

Toolkit-specific Remotion patterns — custom transitions, shared components, and project conventions.

Create motion graphics and videos using Remotion (React) with audio sync, web fonts, and TailwindCSS.

Render a room floorplan PNG and perform a mandatory visual design critique of the result

Improve hierarchy, layout, typography, color, materials, icon consistency, and motion in an existing interface while preserving brand and…

Turn an open-source repository into an art-directed launch identity by generating complete ImageGen compositions with integrated…

Generate and edit images using Google Gemini 3 Pro Image (Nano Banana Pro).

Generates and edits high-density scientific schematics, technical flowcharts, and proposal diagrams with strict technical fidelity.

Mobile-first responsive design patterns with breakpoints, fluid layouts, and adaptive components

Design and review web interfaces that remain usable across mobile, tablet, laptop, and large screens.

Implement performant responsive images with srcset, sizes, lazy loading, and modern formats (WebP, AVIF).

Restore the discrete logical color grid already present in a photograph, scan, screenshot, or raster image of an existing fuse-bead (拼豆)…

A family history told through five decades of home movies — the opening question, the eras, and what the footage reveals.

Build cursor-following spotlight reveals that expose a second aligned image through a soft radial mask.

Create polished, professional reveal.js presentations.

Use this skill whenever a task asks to design, style, theme, brand, polish, or make a reveal.js deck visually compelling, or when an…