Design & Media Agent Skills

Senior UI/UX Engineer. Architect digital interfaces overriding default LLM biases. Enforces metric-based rules, strict component…

Design and review web application information architecture, navigation hierarchy, routes, tabs, sidebars, breadcrumbs, deep links, browser…

Modern take on brutalism with bold borders, vivid accent colors, and raw, high-contrast layouts on warm surfaces.

Create a container-in-container layout system using nested frames.

Initializes a new BrandArtisan visuals project by laying down its reference guidelines.

Scaffolds a new visual (.tsx) in an existing BrandArtisan project, aligned with its brand.md guidelines.

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.