Design & Media Agent Skills for Cursor

This skill should be used when the user asks to analyze a UI screen recording and map interaction states into Figma.

Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs.

Use when making UI/frontend changes guided by visual context, when the user selects elements visually, draws annotations, or provides…

Map colors, typography, spacing, imagery style, and layout patterns to specific target emotions, demographic groups, and conversion goals.

HTML explainers, diagrams, architecture, timelines, source maps, slide decks, comparison tables, recaps, plan and diff reviews.

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the intended order.

Apply the Von Restorff Effect — the element that differs from its neighbours is the one remembered.

Vue.js is a progressive JavaScript framework for building user interfaces.

Apply the principle of Wabi-Sabi — the aesthetic embrace of imperfection, impermanence, and naturalness.

WCAG 2.2 AA accessibility compliance patterns for web applications.

Audits the selected frame's AI-readiness across 4 dimensions (layer naming, auto-layout, variables/tokens, component structure) by…

Audit UI files for accessibility, interaction, performance, and UX implementation quality.

Apple-tier soft web prototype. Silver/cream canvas, double-bezel cards, button-in-button CTAs, generous squircle radii, spring motion…

AI 2D to 3D image converter — transform a flat 2D image into a 3D rendered version

AI couple photo maker — combine two portrait photos into one realistic romantic couple image

AI chibi maker — convert a photo into a cute chibi character sticker

AI plus-size body transformation — visualize how a person would look extremely overweight

AI girlfriend generator — generate a realistic AI girlfriend portrait from text or reference image

Grok Imagine image generator — create high-resolution images from text using xAI Aurora

AI 2D to 3D image converter — transform a flat 2D image into a 3D rendered version

AI hair color changer — change a person's hair color while preserving hairstyle and details