Design & Media Agent Skills for Cursor

Use for React, Next.js, and TypeScript UI work involving components, hooks, server state, forms, or effects.

Build or substantially change production UI using the current project's design context, existing components, and grounded 21st inspiration.

Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma.

Nano Banana (nano-banana) image generation skill.

Build an animation from scratch, making the decisions in the order that determines whether it feels right — should it animate at all, what…

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize…

Processes, enhances, and edits single images with AI-powered upscaling, OCR, background removal, and smart inpainting.

Debug grids and coordinate systems for video annotations.

Diagnose and fix Canva Connect API errors and HTTP status codes.

Execute Canva asset management, brand template autofill, and folder

Configure Canva Enterprise organization access control and scope management.

Handle Canva Connect API rate limits with backoff, queuing, and monitoring.

Visual communication and presentation expert for slide decks, pitch decks, and visual storytelling.

Adapt an existing interface to Apple platforms or the web using platform-qualified guidance rather than copying appearances across input…

Implement or debug CSS layouts, responsive styles, themes, and motion.

Teach CCR theory: product triple, exact eight semiotic contract axes, contracts, coupling discovery and factorisation, invariants…

Design, redesign, critique, and verify real product surfaces under CCR while generating exact-axis and appropriately factored coupling…

Create or import editable scientific SVG figures into the user's currently open Adobe Illustrator document on macOS.

Integrate Chakra UI v3 components using MCP tools for accurate component reference.

Generates professional two-pass AI image prompts for film, game, and cinematic production design assets.

Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand.