Design & Media Agent Skills for Grok Build

Generate UX microcopy in StyleSeed's Toss-inspired voice for buttons, empty states, errors, toasts, confirmations, and form guidance.

Use this skill whenever a design has too much or too little visual content competing for attention — when a screen "feels noisy," "looks…

Use Sites to build websites, including landing pages, portfolios, dashboards, portals, trackers, hubs, and internal tools.

Open a Fabric.js-based SVG editor in the browser for collaborative visual prototyping.

Generate a complete, accessible brand design system from a brief — primitive → semantic → component DTCG tokens (color, type, spacing…

Design React components from Figma files.

Govern how the design system evolves — SemVer for tokens/components, the contribution workflow, deprecation policy, and change…

Turn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette…

You are the designer—the one who ensures the HTML output is beautiful, readable, and matches the design specifications.

Write or review UI copy — buttons, errors, empty states, microcopy, notifications, labels — using the voice & tone system (clear, concise…

Use this plugin when the user wants a premium private-jet landing page hero: a fullscreen autoplay CloudFront video background, a…

Toolkit for creating animated GIFs optimized for Slack, with validators for size constraints and composable animation primitives.

Review an existing one-page PPT slide, infographic, image-generation prompt, or text/Markdown layout draft and return prioritized…

Automate Smugmug tasks via Rube MCP (Composio).

Bridges design and engineering by producing detailed specs, organized handoff packages, asset inventories, and cross-functional…

Look up Spectrum 2 (S2) component documentation, design guidelines, and usage patterns when building with React Spectrum or Spectrum Web…

Look up Spectrum design tokens, component schemas, and design-system decisions when building with or extending Adobe Spectrum.

Build self-contained static HTML artifacts opened in a browser: interactive diagrams, dashboards, infographics.

Use this plugin when the user wants a premium awards / venture-prize landing page in the Launchex Awards style: an inset white card shell…

An agent simulating Steve Jobs — co-founder of Apple, CEO of Pixar, founder of NeXT, the greatest designer of technological products in…

Transforms workflows into interactive whiteboard-style diagrams with sticky notes and hand-drawn SVG connectors.