Design & Media Agent Skills for Grok Build

Audit UI/UX designs for quality, AI-generated slop, and accessibility.

Write a project brief — problem space, constraints, audience, and success criteria.

Build a complete design system from scratch with creative risks and realistic product mockups.

Facilitate a structured team critique — framing, feedback rules, and actionable outcomes.

Inventory and prioritise accumulated design inconsistencies across a product.

Modern UI design principles and guidelines for building clean, professional interfaces.

Generate developer handoff specs from a design.

Communicate design's contribution to business and user outcomes in stakeholder language.

Autonomous multi-page site builder using a baton-passing loop.

Use when the user explicitly asks for a standalone HTML page in a restrained minimal style, especially reading-first dashboards, briefs…

Advocate for design quality, scope, and timeline with partners and leadership using evidence and shared goals.

Apply foundational design principles: affordances, signifiers, constraints, feedback, and conceptual models.

Write rationale connecting decisions to user needs, business goals, and principles.

Use this plugin when the user wants to improve an existing OpenDesign artifact rather than create a new one.

Establish review gates — criteria, checkpoints, and approval flow.

Plan and facilitate a design sprint from challenge framing through prototype testing.

Guidelines on using Design System styles and components.

Design system accessibility auditor. Validates color tokens, CSS custom properties, Tailwind config, and design token files (Style…

Extract a brand's design from any reference the user provides (site URL, screenshot, or existing assets) and generate a full design system…

Extract a complete design system from an existing website or screenshot into a DESIGN.md file.

Use this skill to generate or audit design systems, check visual consistency, and review PRs that touch styling.