Design & Media Agent Skills for Grok Build

This category provides reference materials for debugging, code quality, and advanced layout patterns.

CRITICAL: Use for Makepad shader system.

Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting.

CRITICAL: Use for Makepad Splash scripting language.

Version: makepad-widgets (dev branch) | Last Updated: 2026-01-19 > > Check for updates: https://crates.io/crates/makepad-widgets

Senior Elite Software Engineer (15+) and Senior Product Designer.

Elite Coder Mode + Pixel-Perfect UX optimized specifically for Gemini 3.1 Pro High.

Apple-level product design — visual systems, UX flows, accessibility, proprietary visual language, design tokens, prototyping and…

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva…

Generate React code with Rayden UI components using correct props, tokens, and premium layout patterns

Build production-ready ReactFlow applications with hierarchical navigation, performance optimization, and advanced state management.

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Generate marketing screenshots of your app using Playwright.

Frontend development skill for React, Next.js, TypeScript, and Tailwind CSS applications.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

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

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

Use when generating Google Stitch DESIGN.md systems for premium typography, color, layout, motion intent, and anti-generic UI rules.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Build production-ready design systems with Tailwind CSS, including design tokens, component variants, responsive patterns, and…