Design & Media Agent Skills for Grok Build

Scaffold a new mobile-first page using StyleSeed Toss layout patterns, section rhythm, and existing shell components.

Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.

Use this skill when the user needs to build a dashboard, settings page, data table, or any page layout.

Interactive StyleSeed setup wizard for choosing app type, brand color, visual style, typography, and the first screen scaffold.

Use when the user has UI screenshots or design exports that need batch conversion into Vue 3 components, especially with Vant, Element…

List, add, and update StyleSeed design tokens while keeping JSON sources, CSS variables, and dark-mode values in sync.

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text.

Evidence-driven UI/UX design and frontend engineering skill.

Comprehensive design guide for web and mobile applications.

Establishes a web project's design system as the single source of truth — colors, spacing, typography, radius, shadow, breakpoints — then…

Universal, evidence-driven UI/UX engineering, product design, and design systems skill for ANY software stack.

Usability review — evaluate an existing flow or UI against usability heuristics, flag friction points, and recommend fixes.

Motion / animation context for the `use_figma` MCP tool — animating Figma nodes via manual keyframes, animation styles, easing, and…

Map user missions from trigger to value moment, organizing features into coherent paths during PRD v0.4 User Journeys.

User personas, customer journey maps, interview guides, usability testing, and card sorting.

Specialized skill for synthesizing qualitative user research into actionable insights.

This skill teaches how to use Miro MCP tools effectively for creating diagrams, documents, tables, and extracting context from Miro boards.

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

Audit UX against established UX laws, cognitive principles, and Nielsen's heuristics — with actionable fixes

Create comprehensive UX design with user flows, wireframes, and design systems.

Performs comprehensive UX audits and generates prioritized design improvement roadmaps using multi-dimensional analysis frameworks.