Design & Media Agent Skills for Grok Build

Design user flows and screen structure using StyleSeed UX patterns such as progressive disclosure, hub-and-spoke navigation, and…

Generate UX microcopy (button labels, error messages, empty states, toasts) following a casual-but-polite voice and tone

UI and UX reconnaissance — scan existing frontend routes, components, navigation, and flows to understand the current UX state before…

Deep UX design review for web applications — reads all code to map user flows, count friction, challenge whether each screen should exist…

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

A humanities lecture: how Renaissance linear perspective reshaped early cartography — sources, argument, and evidence.

Text-to-speech models, voices, formats, and streaming via Venice.ai.

Use when rendering layout-based visual designs in PNG/PDF with design principles.

Vibecode brand design system with colors, typography, spacing, and component guidelines.

This skill should be used when the user asks "compare these videos", "which source is better", "compare blu-ray vs web", "which release…

Extract and process video frames for scroll-animations, sprites, and AI training

Automate Visme tasks via Rube MCP (Composio).

Perform adversarial visual audit of Quarto or Beamer slides checking for overflow, font consistency, box fatigue, and layout issues.

Use when validating design system token compliance, detecting visual regressions, or analyzing responsive design consistency across…

Image generation and presentations. Use when: - User asks for images: logos, icons, app assets, diagrams, flowcharts, architecture…

Recommends professional color schemes, design system tokens, and font pairings for presentations and UI interfaces.

Enforces professional visual design standards — typography, color systems, layout hierarchy, components, and animations — on every UI task.

Multi-dimensional visual scoring using pixel-diff and structural analysis for design-to-implementation comparison

Review a social-media service banner for message clarity, composition, legibility, accessibility, export readiness, and AI-generation…

Review visual work against approved art direction, hierarchy, composition, readability, consistency, production constraints, and intended…

Screenshot comparison QA for frontend development.