Design & Media Agent Skills for Grok Build

Create beautiful visual art in .png and .pdf documents using design philosophy.

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

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

Improves the quality of images, especially screenshots, by enhancing resolution, sharpness, and clarity.

Manage shadcn/ui components using MCP tools.

Toolkit for styling artifacts with a theme.

Creates the Tamagui brand system for an Expo/React Native Power Apps mobile app, including design-system.md, tokens.ts, and an HTML gallery.

Apply the principle of Mimicry — borrowing the form, behavior, or visual language of something familiar to make a new design recognizable.

Apply behavioral mimicry — making an interface element behave like a familiar physical object so the user''s physical-world intuitions…

A minimalist UI removes everything that doesn't serve a function.

WHEN building React components/pages/apps; enforces scalable architecture, state management, API layer, performance patterns.

Designs responsive interfaces starting from mobile screens with progressive enhancement for larger devices.

Scaffold a new mobile page/screen using the StyleSeed layout patterns

Build responsive, mobile-first web applications.

Use realistic mock data in frontend development with clear separation from production data.

Extracts design specifications from mock images including colors, typography, spacing, and component details

Guides safe modification of the TaxonomicFilter — PostHog's multi-tab picker for events, actions, properties, cohorts, and more.

Generate a WCAG 2.2 accessibility audit checklist and remediation suggestions for any UI or design.

Advanced motion patterns for React / Next.js — drag & drop, gestures, text animations, SVG path drawing, custom hooks, imperative…

Build sophisticated React animations with Motion (formerly Framer Motion) - declarative animations, gestures (drag, hover, tap), scroll…

Motion design creation skill that works across any connected generation platform (Higgsfield, Runway, Magnific, Arcads, Ideogram…