Design & Media Agent Skills for Claude Code

Use this skill whenever the user must hold a sequence of items in working memory — phone numbers, OTP codes, account IDs, address strings…

Use this skill when designing or fixing long forms that ask the user for many fields — sign-up flows, profile setup, settings panels…

Create visually ambitious websites from an approved visual concept, generated or user-supplied, through an explicit code-versus-asset…

Apply the Gestalt principle of Closure — the perceptual tendency to see incomplete shapes as whole.

Design forms that exploit closure — suggesting shapes through partial outlines, negative space, or strategic gaps so the user''s…

OpenDesign renewal + seat-expansion business case for a growing customer: realized value, usage proof, and the expansion ROI.

Use this skill whenever a design task involves cognition, mental models, learnability, complexity reduction, defaults, memory, scanning…

Expert in ALL computational collage composition: photo mosaics, grid layouts, scrapbook/journal styles, magazine editorial, vision boards…

Use this skill when designing color systems that must satisfy accessibility requirements, work in both light and dark modes, support…

Generate accessible color palettes with WCAG compliance

Color palette generator — creates harmonious color palettes from descriptions, moods, or images.

Build a product colour system — tonal scales, semantic roles, and contrast compliance.

Compare UX patterns, features, strengths, and gaps across rival products.

Migrate a click-ui component from styled-components to CSS Modules with byte-for-byte visual regression coverage.

Specify one component — props, states, variants, accessibility, and usage rules.

Turn concepts into static HTML visuals exported as PNG or SVG files via HTML/CSS/SVG.

Designing for informed user consent, opt-out, and human override.

Apply the principle of Consistency — making similar things look and behave similarly so users can transfer learning across the interface.

Apply external consistency — honoring conventions from outside your product (platform conventions, category conventions, established…

Apply internal consistency — making your product coherent with itself across all surfaces, components, and flows.

Use this skill whenever the design must structurally prevent invalid actions — input validation, disabled states, required fields…