Design & Media Agent Skills for Devin Desktop

Build and audit Arabic/RTL web UI with logical CSS, bidirectional text handling, Arabic typography, RTL-safe component patterns, and icon…

Review UI code for Web Interface Guidelines compliance.

Audits and designs iOS/macOS/watchOS/visionOS interfaces against the Apple Human Interface Guidelines, including the Liquid Glass design…

When the user wants to apply, document, or enforce brand guidelines for any product or company.

Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll…

Use for file-driven multimodal image, video, and 3D-asset discovery; taste interviews; distill or apply workflows; style-pack validation…

Create distinctive, production-grade frontend interfaces with high design quality.

A design-school graduation project: a civic wayfinding system for a transit hub — the brief, the process, and the outcome.

Transitional intro cards between video scenes.

Transforms abstract concepts, frameworks, and arguments into concrete, action-oriented visual scenes and production-ready image generation…

Generates minimal, hand-drawn scenic knowledge illustrations and visual metaphors tailored for white documents and concept cards.

Build modals/dialogs self-contained: form and in-flight state lives inside, closing unmounts it.

Configure, update, verify, or troubleshoot the project-scoped Semi Design MCP for Codex.

Service Designer for software product work.

Set up simple local brand rules from user-supplied visual references before making brand assets.

Create QA checklists for verifying design implementation accuracy.

Build UI components following shadcn/ui patterns.

Shadcn/ui-inspired design with minimal, clean components, monochrome palette, and utility-first patterns.

When to activate: shadcn/ui, Tailwind CSS, Radix UI, CVA, clsx, cn utility, component variants, Tailwind config

shadcn-vue for Vue/Nuxt with Reka UI components and Tailwind.

Add cursor-following fluid WebGPU distortion over an existing image with the Shaders library's ImageTexture and CursorRipples components.