Design & Media Agent Skills for Cursor

Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard…

Generates and orchestrates commercial graphics, social media assets, brand systems, and marketing visuals with consistent style management.

Automate Dovetail tasks via Rube MCP (Composio).

UI/UX design intelligence with searchable database

Use when asked to structure a landing page, design page layout for conversion, or plan landing page information architecture.

Use when asked about UX patterns, interaction best practices, form design, navigation patterns, or loading states.

UX designer — user flows, information architecture, wireframes, and interaction design.

Generate Excalidraw diagrams with a hand-drawn aesthetic using Drawbridge.

Automate Dreamstudio tasks via Rube MCP (Composio).

Use when a Design/UI task needs responsive adaptation across screen sizes, breakpoints, device contexts, touch or keyboard constraints…

Use when a Design/UI task needs purposeful animation, transitions, micro-interactions, loading motion, GSAP timeline/ScrollTrigger…

Use when a frontend or Design/UI task needs quality checks for accessibility, performance, theming, responsive behavior, visual…

Use when a Design/UI task asks to make a safe, bland, flat, or generic interface more distinctive, energetic, memorable, or high-impact…

Use before VI production to research visual benchmarks, choose a brand direction, avoid similarity risk, or define reusable brand sources…

Use when a Design/UI or product task needs clearer UX copy, labels, microcopy, empty states, errors, instructions, or onboarding text…

Use when a Design/UI task needs stronger color direction, palette repair, theme differentiation, contrast tuning, or visual interest…

Use when the user asks for UX/UI critique, design review, visual hierarchy assessment, interaction feedback, or actionable…

Use when a Design/UI task needs tasteful personality, memorable details, playful moments, celebration states, easter eggs, or emotional…

Use when a Design/UI task needs simplification, clutter reduction, clearer hierarchy, removal of unnecessary UI, or a more focused minimal…

Use when a task needs Figma MCP context, Figma screenshots, variables, assets, design inspection, or translating Figma design information…

Use when a frontend task needs production hardening for error handling, empty states, onboarding flows, i18n, text overflow, or edge-case…