Design & Media Agent Skills for Grok Build

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…

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…

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows.

This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging