Design & Media Agent Skills for Cursor

Peak-End Rule — design the peak, design the end.

Use when a Design/UI task needs layout, spacing, composition, alignment, grid, density, visual rhythm, or hierarchy improvements…

Layout structure for web interfaces, from grouping and alignment to reading order, progressive disclosure, and adaptive breakpoints.

Conversion-focused design that removes friction and guides users toward action through clarity, trust, and speed.

Generates high-converting Next.js/React landing pages with Tailwind CSS.

Best practices for Remotion - Video creation in React

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Create a light-mode technical design system with warm paper surfaces, dark outer framing, subtle diagonal texture, precise bracketed…

Create, revise, QA, and package LINE sticker sets when work involves character artwork, reusable raster lettering, text-free originals…

Playful, minimal design with bright colors, rounded shapes, tactile 3D borders, and friendly illustrations for approachable interfaces.

Apple Human Interface Guidelines for content display components.

Generate favicons from a source image

Three.js lighting - light types, shadows, environment lighting.

Creates a LinkedIn post image at LinkedIn's dimensions, in the chosen orientation.

Generate a design tokens file (CSS variables or Tailwind config) based on a chosen aesthetic philosophy, with light and dark mode…

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package.

Complete guide, procedures, standards, and exhaustive reference for creating and maintaining Anonymous Livewire Blade UI elements and…

Use when building or reviewing any interface that will be translated, or used by people with limited literacy or limited prior exposure to…

Source, verify, and prepare company/brand logos (customers, partners, vendors) for decks and internal assets.

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects

Generate animated hero sections for landing pages.