Design & Media Agent Skills

Implement or debug CSS layouts, responsive styles, themes, and motion.

Teach CCR theory: product triple, exact eight semiotic contract axes, contracts, coupling discovery and factorisation, invariants…

Design, redesign, critique, and verify real product surfaces under CCR while generating exact-axis and appropriately factored coupling…

Create or import editable scientific SVG figures into the user's currently open Adobe Illustrator document on macOS.

Integrate Chakra UI v3 components using MCP tools for accurate component reference.

Generates professional two-pass AI image prompts for film, game, and cinematic production design assets.

Improve unclear UX copy, error messages, microcopy, labels, and instructions to make interfaces easier to understand.

Build an interactive HTML prototype — a functional shell with real interaction logic, no backend, no visual design — so the user can feel…

Export a folder of Claude Design Components (*.dc.html) into AI-readable Markdown specs and PNG screenshots — pages, header/footer chrome…

Use when the ClawdStrike TUI needs a visual polish pass for alignment, spacing, hierarchy, empty states, or terminal-specific layout…

Turn photos into quiet 3:4 editorial posters using pure black ink masses, controlled stippling, pristine ivory paper, and either split…

Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter.

Generates professional ASCII art banners and high-fidelity terminal logos with 24-bit ANSI color gradients.

Create and deploy reusable React components for Webflow Designer.

Generate or edit images by invoking OpenAI's gpt-image-2 ("image 2") through headless `codex exec`.

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

Creates a controlled palette and assigns colors to objects, light, atmosphere, and depth.

Extract color palettes from screenshots and images using AI vision.

Generate complete, accessible color palettes from a single brand hex.

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.