Design & Media Agent Skills for Grok Build

Use this skill when designing text-alignment and numeric-alignment decisions — choosing between left, right, center, and justified text…

A cross-cutting cognitive mode for sitting with design problems before rushing to solve them.

Build a scroll-driven 3D product landing page using Three.js + GSAP ScrollTrigger.

Implements UI components from scratch based on design references (Figma, screenshots, mockups) with intelligent validation and adaptive…

Generates and edits high-quality AI images using Alibaba's DashScope models directly within the Claude Code environment.

Toolcraft: use to translate inspected Figma structure into a production-ready generated app.

Create award-winning, immersive web experiences at the level of Awwwards-featured agencies.

Professional trading analysis dashboard template (single-file HTML) with light/dark theme switch, dense market panels, chart interactions…

Terminal UI and CLI design patterns for product owners.

A parameterized variant panel for tweaks.

Design, implement, or review readable and expressive typography for print and digital interfaces.

Calculate typography scales, metrics, and responsive font sizing

Use when designing, redesigning, or polishing a website, landing page, dashboard, app UI, or client site.

Design and implement polished web or mobile interfaces from a product brief.

Audit visual UI quality — layout hierarchy, spacing, typography, color, consistency, and Gestalt grouping

Use when Phase 1 forensic audit is complete and it's time to collect brand information from the user.

Use when Site DNA and all 12 brand interview answers are in hand and it's time to generate the final replication prompt.

Use when user provides a URL and wants to replicate or clone a website's UI, design, or visual style for their own product.

Use when SRS doc exists but no UCD doc and no design doc and no feature-list.json - generate UI Component Design style guide with…

You are an expert technical writer specializing in UI component library documentation for the Medusa UI design system.

Defines and documents comprehensive UI component standards for consistent, production-ready frontend development.