Design & Media Agent Skills for Codex CLI

Create and deploy reusable React components for Webflow Designer.

Use this skill whenever color decisions matter — picking the brand primary, defining a neutral ramp, designing status semantics…

Browse and select color palettes from Coolors or curated fallbacks.

Color science expert skill with 286K words of reference material covering OKLCH/OKLAB, palette generation, accessibility/contrast, color…

Extract color palettes from screenshots and images using AI vision.

Add strategic color to features that are too monochromatic or lack visual interest.

Guides color and palette selection — CSS themes, UI components, terminal configs, status bars, brand identity, and accessibility contrast.

Apply a compact tactile UI style system for narrow product pages, package demos, developer-tool landing pages, documentation intros, and…

Audit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM…

Design system token management, component API design, Storybook, and visual regression testing patterns

Organize React/TypeScript components with consistent structure, barrel exports, and clear separation.

Generate new Webflow Code Component boilerplate with React component, definition file, and optional styling.

Presentation creation, editing, and analysis.

Turn raw text, Markdown, articles, briefs, or structured notes into a coherent single poster or multi-page poster flow, then render it…

Color contrast and visual accessibility specialist.

Turn-taking, repair sequences, grounding, and dialogue structure for human-AI interaction.

Convert an existing React component into a Webflow Code Component.

Conducts end-to-end user research including AI interviews, synthetic user testing, and quantitative surveys within your development…

Core component library and design system patterns.

Create detailed text-to-image prompts for album and song cover artwork optimized for Midjourney, DALL-E, and other AI image generators

Generates high-precision, typography-driven video thumbnails and social media covers using HTML/CSS and browser-based rendering.