Design & Media Agent Skills for Claude Code

OKLCH color space for web projects. Convert hex/rgb/hsl to oklch, generate palettes, check contrast, handle gamut boundaries, and theme…

Five-role Design Jury review that streams scored rounds, persists a replayable transcript, and ships through the daemon's Critique Theater…

Use Open Design as an external local-first design workbench for prototypes, decks, mobile screens, dashboards, DESIGN.md systems, and…

INVOKE THIS SKILL when: generating AI images, editing existing images, writing prompts for Gemini image models, performing surgical…

Companion to the outsystems-ui skill. Overrides default OutSystems scaffolding to generate modern, high-fidelity, consumer-grade user…

Build OutSystems UI screens using the official pattern library and utility-first CSS classes.

Maintain one documented z-index ladder for overlay tiers (base → sheet → dialog → floating content → toast → blocking alert).

Operational rules for page structure in Material UI v9 — desktop shell app (AppBar + Drawer permanent 240px + main content…

Apply when product, UX, or feature-scope tradeoffs come up.

Turn travel photos with recognizable people into 3:4 posters where real photographed environments contain warm-white paper sketch figures…

Fires when a fellow wants to test a workflow on paper before building it — "paper test", "sketch it", "paper prototype", "sketch probe"…

Applies Anthropic brand colors (dark #141413, orange #d97757, blue #6a9bcc, green #788c5d), Poppins headings, and Lora body text to…

Create patent-style technical diagrams including flowcharts, block diagrams, and system architectures using Graphviz with reference…

Add strategic color to features that are too monochromatic or lack visual interest, making interfaces more engaging and expressive.

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

PCBWay PCB fabrication and assembly — turnkey/consigned assembly, design rules, ordering workflow.

Create videos with Vue using Pellicule - a Vue-native video rendering library

Use this skill whenever a design task involves visual perception, layout, hierarchy, grouping, scanning order, attention, color…

Transforms photos into stylized printmaking posters across 12 authentic crafts with strict subject fidelity and structural preservation.

Produces believable photographic direction with camera position, lens character, depth of field, and natural rendering.

Use this skill when designing structural constraints that prevent invalid actions through the shape, layout, or behavior of the design…