Design & Media Agent Skills for Grok Build

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

Analyzes Stitch projects to generate comprehensive DESIGN.md documentation for consistent, semantic UI development.

Semantic Design System Skill for Google Stitch.

Iterative design-to-code feedback loop. Critique → adjust → ship cycle for tightening visual fidelity between brief and built UI.

Build Stitch-based walkthrough videos and presentation-ready screen sequences with Remotion, including asset staging, screen manifests…

Generates professional web novel covers with integrated title and author name rendering using GPT-Image-2.

CSS and Tailwind styling guidelines. Use when writing styles, creating UI components, reviewing CSS/Tailwind code, or deciding on wrapper…

Portable Livewire conventions — domain folder structure, action-based naming, custom docblocks, placeholder Blade paths, and generic…

Automate Supportivekoala tasks via Rube MCP (Composio).

Generates and edits SVG logos, icons, and graphics.

Create hand-coded SVG illustrations (characters, scenes, icons) as standalone .svg files.

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

Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns.

Accelerates frontend styling by implementing utility-first Tailwind CSS patterns and responsive design principles.

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

Set up Tailwind v4 + shadcn/ui themed UI with dark mode.

Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

Use this skill when verifying WCAG 2.1/3.0 compliance, mapping accessibility violations to specific criteria, or providing remediation…

Anti-slop frontend skill for landing pages, portfolios, and redesigns.