Design & Media Agent Skills for Devin Desktop

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.

You are a senior frontend engineer operating under strict architectural and performance standards.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion.

Use when building high-agency frontend interfaces with strict design taste, calibrated color, responsive layout, and motion rules.

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Scaffold a new mobile page/screen using the StyleSeed layout patterns

Expert at building Odoo XML views: Form, List, Kanban, Search, Calendar, and Graph.

Automate Pexels tasks via Rube MCP (Composio).

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Build accessible design systems with Radix UI primitives.

Composition patterns for building flexible, maintainable React components.

Create React Flow node components following established patterns with proper TypeScript types and store integration.

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Modern React UI patterns for loading states, error handling, and data fetching.

Best practices for Remotion - Video creation in React

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

Expert guidance for crafting effective prompts in Google Stitch, the AI-powered UI design tool by Google Labs.

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.