Design & Media Agent Skills for Codex CLI

Add and tune animated liquid-metal WebGL borders with the React `metal-fx` package.

Complete guide, procedures, standards, and exhaustive reference for creating and maintaining Anonymous Livewire Blade UI elements and…

Use when building or reviewing any interface that will be translated, or used by people with limited literacy or limited prior exposure to…

Source, verify, and prepare company/brand logos (customers, partners, vendors) for decks and internal assets.

Use when implementing Disney's 12 animation principles with Lottie animations exported from After Effects

Generate animated hero sections for landing pages.

Creates visual art in PDF and PNG formats covering design philosophies, aesthetic movements, and museum-quality graphics.

Builds web components, pages, applications, landing pages, and styled web UIs.

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

Upgrades existing websites and apps to premium quality.

Review and critique existing designs, websites, or frontend code against design principles.

macOS SwiftUI Liquid Glass UI: modernize or review system materials, toolbars, search, controls, and custom glass; prefer native structure…

Use when an answer about the connected product would land better as something the person can look at and use than as text you type out — a…

Use this skill when building or refactoring React interfaces with Mantine UI, especially when working with @mantine/core components…

Pick an AI slide-deck skill and a concrete visual style from a curated registry, filtering on the requirements that decide it — editable…

A variable-first, stack-agnostic runtime CSS engine for building responsive interfaces.

How to choose and configure data sources for MapLibre GL JS — rendering your own data without tiles, hosted tile services, serverless…

Apply seamless infinite marquee loops using duplicated items.

generate, refine, validate, and render diagrams from natural language, notes, code snippets, schemas, tables, or existing diagram source…

When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value.

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