Design & Media Agent Skills for Devin Desktop

Build React animations with Motion (formerly Framer Motion) - gestures (drag, hover, tap), scroll effects, spring physics, layout…

Motion tokens, spring presets, performance rules, device adaptation, accessibility enforcement, and SSR safety for React / Next.js using…

Use this skill to review animations, transitions, parallax, scroll effects, reveals, carousels, and micro-interactions in a website or…

Production-ready animation patterns for React / Next.js — button, modal, toast, stagger, page transitions, exit animations, scroll, and…

Pixel-based motion and UI change analysis from frame sequences or screenshots using computer vision and visual comparison.

Generate images and videos with MuAPI's schema-driven asynchronous media API while protecting keys, polling, and output downloads.

Build standalone HTML prototypes for new, modified, or migrated pages.

Create professional AWS-themed PowerPoint presentations with two theme options: dark (reInvent 2023/2025 with gradient backgrounds) and…

Product content designer for UI copy. Use when writing, reviewing, or auditing user-facing text: button labels, error messages, tooltips, empty states, modal copy, placeholder text, confirmation…

Generate or edit images with Google's Nano Banana 2 (`gemini-3.1-flash-image-preview`).

REQUIRED for all image generation requests.

A formalized skill for generating hyper-realistic, highly-controlled images using the Nano Banana 2 (Gemini 3.1 Flash) model through…

AI image generation and editing using Google Gemini models (Nano Banana).

AI-powered PPT generation with document analysis and styled images via the NanoBanana stack.

Semantic Design System Skill for Google Stitch.

When a single click handler both calls `router.push(...)` and closes a Radix dismissable (Dialog, Sheet, Popover, CommandDialog…

Design and review web application information architecture, navigation hierarchy, routes, tabs, sidebars, breadcrumbs, deep links, browser…

Use when the user wants to search, query, extract, transcribe, quote, filter or aggregate across documents — PDFs, scanned images, Office…

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Initializes a new BrandArtisan visuals project by laying down its reference guidelines.

Scaffolds a new visual (.tsx) in an existing BrandArtisan project, aligned with its brand.md guidelines.