Design & Media Agent Skills for Claude Code

Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades

Lock identity via DNA, packs, adapters, and anchors.

Key green screen cleanly and composite plates.

Grade toward film stocks and print emulation.

Lock and inject a palette across stills and clips.

Stop framing and grid drift across a sequence.

Emulate cyberpunk neon-noir city and wet chrome.

Create clear primary/secondary/tertiary action distinctions

Generate production-ready, accessible, token-driven component code for ANY framework — React+Tailwind, Next.js, SwiftUI, Vue, Svelte…

Design a UI component spec to the house quality bar — anatomy, variants, sizes, the 8 states, token mapping, and accessibility.

Create helpful, actionable zero-content states

Set up or run design QA gates — token + hardcoded-value lint, automated a11y (axe), contrast, visual regression across…

Review or audit a design/UI across 6 weighted dimensions with Nielsen's 10 heuristics and a prioritized findings table.

Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component).

Build high-contrast chiaroscuro and falloff.

Use canted angles for unease without cheap tilt.

Direct elder presence, dignity, and authority.

Remove unnecessary borders, backgrounds, shadows, decorations

Stage ensemble blocking and group eyelines.

Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies

Emulate classic noir shafts, venetian, and rain.