Design & Media Agent Skills for Devin Desktop

Create minimal framed grid layouts with thin visible boundary lines, L-shaped corner brackets, subtle diagonal line texture, and strict…

Create a framed dark technical design system with border-gradient shells, asymmetrical grid panels, mono utility labeling, and restrained…

Use when implementing Disney's 12 animation principles with Framer Motion in React applications

Build a Frappe/ERPNext Print Format that pixel-matches a reference PDF, by extracting exact mm coordinates from the source with PyMuPDF…

Approachable, intuitive design with rounded elements, ample whitespace, and soft pastel color palettes.

Expert at building front-end features using Hotwire (Turbo + Stimulus), ViewComponents, and Tailwind CSS.

Accessibility patterns for React and Next.js — semantic HTML, ARIA attributes, form labeling, keyboard navigation, focus management, and…

Conventions for web frontends: choosing between server-driven HTML and a client-side application, selecting htmx, CSS frameworks, and UI…

Systematic approach to building consistent, maintainable frontend UI components with design systems and component libraries

Guides the creation and review of high-quality frontend user interfaces with structured visual hierarchy, responsive layouts, and polished…

Create a dark container-led technical design system with fuchsia-purple accents, layered rounded shells, crisp frame lines, and playful…

Designs unified multi-concept logos by merging distinct visual elements through shared contours, negative space, and validated vector paths.

Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic.

Admin / analytics dashboard in a single HTML file.

Single-image generation skill for posters, key art, and editorial illustrations.

Use this plugin when the user provides a screenshot or image reference and wants it reconstructed as an editable Galyarder Design…

Studio — Black canvas with electric-yellow type; high-voltage design studio aesthetic.

Single-file horizontal-swipe slide deck for a weekly team update — shipped, in flight, blocked, metrics, asks. 6–8 slides.

Audit and refactor CSS to comply with Game Loopers design system and BEM methodology

Author or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion.

Generate or edit images through Google's Gemini image API using environment-provided credentials, explicit output paths, and reproducible…