Design & Media Agent Skills for Grok Build

Use when users want to create, update, or refresh a visual design system or art style guide.

Define how the system evolves — contribution model, versioning, deprecation, and change management.

Build scalable design systems with design tokens, theming infrastructure, and component architecture patterns.

Design token management with the W3C Design Token spec, three-tier hierarchy (global/alias/component), OKLCH color, Style Dictionary…

Validate design system compliance in code and detect token usage violations

Bold aesthetic direction guidance for web design.

Convert annotated UI screenshots into build-ready implementation briefs with screen flow, interaction behavior, and component/state hints…

View, add, or modify design tokens in the StyleSeed design system

Use when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating…

Provides design token system and theming framework for consistent, customizable UI styling across all components.

The precise design and UI vocabulary used on index.how/to/articulate — covering typography, color, iconography, layout, interaction…

Interactive design wizard that guides through a complete frontend design process with discovery, aesthetic selection, and code generation.

Anti-AI-generic design guidelines. Use when creating UI prototypes, reviewing designs for generic AI patterns, or setting up a project…

Build Designer Extensions for custom Webflow Designer functionality.

Review UI code for Web Interface Guidelines compliance.

Define a reusable visual identity system for AI-assisted social-media service banners.

Generates high-fidelity, CSS-powered 3D mockups of iPhones and MacBooks with live HTML content embedded on the screens.

UI branch of the diagnosing loop. Use when debugging any UI bug — wrong rendering, layout or scroll jumps, flicker, styling, interaction…

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

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability…

Structured clarification form for unresolved material requirements.