Design & Media Agent Skills for Grok Build

Generates low-fidelity grayscale wireframes and multi-screen storyboards to rapidly explore and compare structural UX directions before…

Creates web assets including favicons, app icons, Open Graph images, social media cards, and other web graphics from source images or…

Execute Lucidchart primary workflow: Document & Shape Creation.

Install and configure Lucidchart SDK/API authentication.

Minimalist high-fashion design with editorial serif headlines, ivory and near-black palette, antique gold accents, sharp edges and…

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Use MagicPath through the magicpath-ai CLI to find, preview, inspect, install, export, create, and edit UI components and manage MagicPath…

Establish, inspect, or evolve a project's reusable design-system foundations, semantic tokens, themes, component inventory, variants, and…

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

Provides professional architectural guidance and implementation patterns for modern web frameworks including React, Angular, Vue, and…

Use when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work.

Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces.

Generate web assets including favicons, app icons (PWA), and social media meta images (Open Graph) for Facebook, Twitter, WhatsApp, and…

Add small, clear motion to an approved brand raster and deliver layers, loops, or first and last frames.

Turn a method, sequence, maturity model, or grouped idea into a small family of separate brand assets.

Make one integrated brand scene with several visual parts and deliberate room for copy.

Apply concrete design-engineering details that make interfaces feel polished.

Make or reuse one brand-matched raster asset with one clear meaning.

Adds collapsible floating parameter panels to single-file HTML prototypes for live real-time adjustments of colors, typography, layout…

Configuring fonts and glyphs for MapLibre GL JS and MapLibre Native — the style's `glyphs` URL, self-hosting or generating font PBFs, the…

Use the MasterGo MCP server to fetch DSL, component documents, site metadata, D2C output, or code-to-design sync data from MasterGo.