Design & Media Agent Skills for Grok Build

Create, import, browse, and maintain design system components and tokens

Build accessible web applications following WCAG guidelines.

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and…

When to activate: web components, custom elements, Shadow DOM, HTML templates, slots, lit-element, custom HTML tags

Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns.

This skill enables visual inspection of websites running locally or remotely to identify and fix design issues.

Generates standardized DESIGN.md design specifications and production-ready web frontend code from PRDs, reference URLs, screenshots, and…

Web graphic design for interfaces, layouts, and visual systems.

Build a polished, self-contained single-page HTML report or briefing microsite - executive briefings, analysis reports, campaign/project…

Turn a visual or interaction technique you already built into a reusable web-design skill, by isolating the one mechanism that makes it…

Create a real 3D WebGL object with geometric mesh depth, physically based material, directional and ambient lighting, perspective camera…

Use when creating or refining WebGL-heavy landing pages and you need to steer toward a specific visual outcome (premium, technical…

Create a fixed full-screen WebGL laser background effect with a thin white-hot vertical core, restrained brand-colored halo, and soft…

Habilidad integral de React, Next.js (RSC, App Router) y React Native / Expo: Hooks avanzados, State Management, Render Optimization y…

Agentic workflow for cloning websites with pixel-perfect fidelity using specialized sub-agents.

Start and coordinate the Website Design Suite for original websites, redesigns, and first drafts, including immersive or real-time 3D…

Reconstruct websites with measurable visual and behavioral fidelity from authorized screenshots, live URLs, Figma files, PDFs, videos…

Audit website concepts, implementations, screenshots, flows, Design Contracts, or immersive real-time 3D experiences and produce…

High-motion Awwwards-style frontend direction using GSAP, editorial typography, dense bento composition, and cinematic section choreography.

Clean editorial-style interfaces. Warm monochrome palette, typographic contrast, flat bento grids, muted pastels. No gradients, no heavy…