Design & Media Agent Skills for Codex CLI

Use for end-to-end website or interface design, redesign, implementation, or major visual polish; orchestrates discovery, references, art…

Replicates, reverse-engineers, and audits modern websites into local, pixel-perfect implementations with zero-dependency browser recon.

AI elf filter — transform a portrait into a fantasy elf character

Use this skill when scoping a redesign or refactor — choosing which existing surfaces deserve full attention and which can be left mostly…

This skill guides creation of distinctive, production-grade frontend interfaces that avoid generic "AI slop" aesthetics.

Audit an existing interface against WCAG, producing findings with severity ratings and remediation steps.

Use this skill when the question is whether users can *perceive* the content — see it, hear it, or feel it — regardless of impairment.

Design, implement, and audit inclusive digital products using WCAG 2.2 Level AA.

Implement Adobe API rate limiting, backoff, and quota management across

Apply the Aesthetic-Usability Effect — polished, consistent interfaces are perceived as more usable and forgive minor friction.

Use this skill whenever the question is whether the user can tell what an element does — whether it looks clickable, draggable…

This skill provides production-ready AI chat UI components built on shadcn/ui for conversational AI interfaces.

Analyze images and videos with AI vision models.

Create new AI chat interface components for the ai-elements library following established composable patterns, shadcn/ui integration, and…

Use this skill whenever the design has more than one element on the page — every layout, every form, every table, every page header, every…

When the user wants to apply, document, or enforce brand guidelines for any product or company.

Analyze a Figma frame's structure, properties, and implementation considerations

Generates Angular 17+ standalone components, configures advanced routing with lazy loading and guards, implements NgRx state management…

Clone websites to React/HTML code and customize Anima output with AI.

Generate React/Vue/HTML code from a Figma design using the Anima SDK.

Implement reference architecture for Anima design-to-code automation.