Design & Media Agent Skills

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.

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

Composes single-file HTML artifacts (PR review writeups, status reports, incident postmortems, slide decks, design systems, prototypes…

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

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…

Apply the principle of Control — the level of autonomy a system gives the user, and how that level should be matched to the user''s…

Apply locus of control — the design choice between making the system appear to act on the user''s behalf (external locus) and making the…

Apply layered control — designing interfaces that serve novice and expert users in the same product without forcing one audience into the…