Design & Media Agent Skills for Grok Build

Provides brand values frameworks, differentiation tests, discovery questions, and behavior mapping templates.

Use when reviewing templates, rendered HTML, or shared components related to Create a custom 404 error page.

Patterns for visualizing data on maps including choropleth maps, heat maps, 3D visualizations, data-driven styling, and animated data.

Knowledge and utilities for creating animated GIFs optimized for Slack.

Pixel-perfect Figma to React conversion using coderio.

Build or update a professional-grade design system in Figma from a codebase.

UI/UX Pro Max - Design Intelligence workflow skill.

Extract self-contained static HTML from a built web application or React components by inlining CSS and images.

Audit a Figma component library for consistency, coverage gaps, and naming issues.

Production readiness checklist for Figma REST API integrations.

Define component variants and states systematically for Figma.

Enforces modern frontend best practices, including Vue 3/React architecture, UI design constraints, and TypeScript type safety.

Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design…

Analyzes the previous N commits for breaking changes across the CDS public API surface.

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

Generate or update infographic Item components for this repo (TypeScript/TSX in src/designs/items).

UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React…

Integration patterns for Mapbox MCP DevKit Server in AI coding assistants.

Expert guidance on validating, optimizing, and ensuring quality of Mapbox styles through validation, accessibility checks, and optimization.

React performance optimization guidelines from Mastra Engineering.

Full-stack frontend development combining premium UI design, cinematic animations, AI-generated media assets, persuasive copywriting, and…