Design & Media Agent Skills for Claude Code

Constraint + process skill for UI that reads "designed", not "AI-generated".

Judgment check on user-facing output the installed design method does not carry: generated documents, e-mails, exports, error and CLI…

Bitwarden design team's Code of Conduct combined with the 30/60/90 critique framework — stage-appropriate critique, product-not-designer…

Build a QA checklist for verifying that a build matches the design.

How to write and maintain a DESIGN.md in the 9-section Google Stitch format.

Use this skill when designing UI to survive content extremes — long names, big numbers, multi-line addresses, missing images…

Use as a one-time design setup for UI, product, landing-page, or brand-heavy work.

Gate 4 of frontend development cycle - ensures all components have snapshot tests covering all states, viewports, and edge cases.

Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one.

Export Webflow Designer components to React/Next.js code for external projects.

UX Audit workflow skill. Use this skill when the user needs Audit screens against Nielsen's heuristics and mobile UX best practices using…

A two-spread digital e-guide preview — page 1 is a cover (display title, author, "What's inside" stats, table of contents teaser); page 2…

Plan customer discovery interviews with the right goal, segment, constraints, and method.

Run a full discovery cycle from problem hypothesis to validated solution.

Validates architectural consistency between design guidelines, technical specs, and React implementation documentation.

Implements drag-and-drop and sortable interfaces with React/TypeScript including kanban boards, sortable lists, file uploads, and…

Creates professional logical flow diagrams and logical system architecture diagrams using draw.io XML format (.drawio files).

Emotional design and delight patterns for product owners.

Build a Says, Thinks, Does, Feels map for one user or segment.

Visual language rules for Engram surfaces.

Review UI code for Web Interface Guidelines compliance.