Design & Media Agent Skills for Grok Build

Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.

Generate images with Gemini (default) or fal.ai FLUX.2 klein 4B (--cheap for fast/low-cost).

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

Generate Excalidraw diagrams from text content.

Create banners using AI image generation.

Design banners for social media, ads, website heroes, creative assets, and print.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Official GSAP skill for GSAP plugins — registration, ScrollToPlugin, ScrollSmoother, Flip, Draggable, Inertia, Observer, SplitText…

Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy.

Help users apply behavioral science to product design.

Design content architecture for digital products when the needed output is a sitemap, page map, navigation structure, screen inventory…

Create a complete, actionable design system for any project (website, app, product) grounded in physical/sensory anchoring rather than…

Use when working with icons in any project.

A curatorial deck for a contemporary art biennale — the thesis, the rooms, the works, and the visitor journey.

Rescuing a messy startup deck into a board-grade system — the diagnosis, the page grammar, and the rebuilt proof pages.

Guide human-centered design processes using empathy-driven methodologies.

UX designer and UI specialist. Use when the user asks to talk to Sally or requests the UX designer.

Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts.

OpenDesign's Series A growth story: the traction curve, the expansion motion, and why it's venture-scale.

Brand voice, visual identity, messaging frameworks, asset management, brand consistency.

Voice framework, visual identity standards, color palette management, typography specs, brand consistency