Design & Media Agent Skills for Codex CLI

Generate beautiful, self-contained HTML pages that visually explain systems, code changes, plans, and data.

Vector graphics and diagram creation, format conversion (ODG/SVG/PDF) with LibreOffice Draw.

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

Audit a component or page for accessibility issues and fix them

Automate Adobe tasks via Rube MCP (Composio).

Algorithmic philosophies are computational aesthetic movements that are then expressed through code.

Modern Angular UI patterns for loading states, error handling, and data display.

To access Anthropic's official brand identity and style resources, use this skill.

Apple Human Interface Guidelines design foundations.

Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

Check for .claude/apple-design-context.md before asking questions.

Apple HIG guidance for status and progress UI components including progress indicators, status bars, and activity rings.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues.

Use when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids.

Interactive setup wizard — guides you step-by-step to configure the design system for your project

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

Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors.

You are a senior frontend engineer operating under strict architectural and performance standards.

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion.