Design & Media Agent Skills for Codex CLI

Law firm or plugin developer defines the visual appearance of the deal copilot: calm elegant blue-silver, warm orange for...

Use this plugin when the user wants a HyperFrames-ready HTML motion composition, launch animation, kinetic typography clip, product…

Use this plugin when the user wants image assets, posters, social visuals, ad concepts, or a small campaign image system from a creative…

Creates a new Power Pages code site (SPA) using React, Angular, Vue, or Astro.

Create, inspect, edit and render visual media with the Slopcamera CLI and SDK.

Evaluate design from a UX perspective, assessing visual hierarchy, information architecture, emotional resonance, cognitive load, and…

Expert review across 5 dimensions.

Diagnoses and resolves frontend layout issues, CSS positioning bugs, and styling conflicts across web applications.

Change theme, layout engine, sketch mode, or check plugin dependencies

Expert guidance for building Dash applications with Dash Mantine Components (DMC) v2.4.0.

Select chart types and design data encodings — marks, axes, labels, and accessible chart styling.

Audit charts and graphs for accessibility: SVG ARIA, data table alternatives, keyboard interaction, color-safe palettes, and library APIs.

Create distinctive, production-grade frontend interfaces with high design quality.

Automate Figma tasks via Rube MCP (Composio): files, components, design tokens, comments, exports.

Use this skill when the question is *what to delete* — running a structured audit of a UI to remove decorative elements that don''t earn…

Use this skill when a design has *too much* whitespace — when the SNR pendulum has swung from cluttered all the way to sparse, sterile, or…

Premium UI/UX design audit and refinement skill.

Use this skill when aggregating design audit findings across multiple dimensions, deduplicating related issues, or synthesizing results…

Extract design DNA from app screenshots, live URLs, or screen recordings using Google Stitch — color palettes, typography, spacing tokens…

Orchestrates distinct, high-impact visual design directions and UI/UX strategies within Codex Project Autopilot workflows.

Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag…