Design & Media Agent Skills for Grok Build

Scaffold a new Next.js project with a full stack and set of conventions.

Comprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini, Atlas Cloud, or MuAPI AI)…

Token architecture, component specifications, and slide generation.

Create generative art using p5.js with seeded randomness so every render is reproducible.

Parse a structured design brief written in I-Lang protocol format into a concrete design spec.

Applies Notion Avatar's hand-drawn minimalist style to any artifact that may benefit from having the project's look-and-feel.

Obsidian plugin UI conventions: createEl DOM, data-testid hooks, settings sentence case, CSS variables, command callbacks, and…

Use when the user wants to design, preview, or customize an Obsidian vault theme — including choosing styles, comparing color schemes…

Default reference pipeline for the tune-collab taskKind — pick a direction, patch-edit the existing artifact, critique, hand off.

Modern, clean UI/UX guidance + review skill.

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme…

Engineer first-use product experiences that create psychological investment, early wins, habit formation triggers, and identity adoption.

Produce a world-class single-page editorial landing site in the Atelier Zero visual language (Monocle / Apartamento / Études editorial…

OpenDesign's brand-story deck for partners and press: why it exists, what it believes, and where design is going.

Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel.

Install and wire registry blocks and components into HyperFrames compositions.

Authenticate OpenCode with Figma MCP server to enable Figma design integration

Create versioned OpenSCAD (.scad) files for 3D printing, render previews, and compare iterations.

Run a customer journey mapping workshop with adaptive questions and outputs.

INVOKE THIS SKILL when: generating AI images, editing existing images, writing prompts for Gemini image models, performing surgical…

Structure information so people can find what they need, understand where they are, and navigate confidently.