Design & Media Agent Skills for Grok Build

Design the small details -- triggers, rules, feedback, loops and modes -- that separate good products from great ones.

Create and render OpenSCAD 3D models. Generate preview images from multiple angles, extract customizable parameters, validate syntax, and…

Common patterns for building store locators, restaurant finders, and location-based search applications with Mapbox.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI.

Generate beautiful, on-brand HTML artifacts — reports, diagrams, diff reviews, slide decks, plans, recaps, dashboards.

Generates professional 3D-style iPhone and MacBook showcases using pure CSS and HTML to display live UI content.

Generate user flow diagrams and flowcharts using Mermaid and other formats

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics.

Automate Adobe tasks via Rube MCP (Composio).

Apply production-ready patterns for Adobe Firefly Services SDK, PDF

Luxury dark-editorial HyperFrames template for three-page cinematic storyboards, inspired by haute couture title cards and magazine…

Design AI-first interfaces that build ongoing relationships through memory, trust evolution, and collaborative planning, not just isolated…

Generate AI images using Gemini or GPT APIs directly.

Professional brand consistency enforcement and corporate identity management with support for color palettes, typography, logo usage, tone…

JLCPCB PCB fabrication and assembly — BOM/CPL generation, basic vs extended parts, assembly constraints, design rules, ordering workflow.

PCBWay PCB fabrication and assembly — turnkey/consigned assembly, design rules, ordering workflow.

UI design system toolkit for Senior UI Designer including design token generation, component documentation, responsive design…

Framer Motion patterns, page transitions, skeleton loading, scroll-linked animations, and gesture-based interactions for React.

Generate TAAG/FIGlet-style ASCII art banners using figlet.js (FIGfont spec), with layout controls (horizontal/vertical layout, width…

Render structured data as aligned ASCII tables (column width rules, truncate/wrap, border styles, compact/readable variants) for…

Zero-config animations for React, Vue, Solid, Svelte, Preact with @formkit/auto-animate (3.28kb).