Design & Media Agent Skills for Claude Desktop

Builds distinctive, production-grade UI: pages, components, visual polish against screenshots or first-impression complaints, typography…

Use when a UI cloning attempt produced a poor or incomplete result and needs to be improved iteratively.

Use when performing a forensic analysis of a target website as part of the UI cloning pipeline.

Use after generating a UI replication prompt to verify it meets all quality standards before delivery.

Introduce strategic color to monochromatic or under-colored UIs — OKLCH-first palette generation with contrast validation, register-aware…

Generate a new UI component that follows StyleSeed Toss conventions for structure, tokens, accessibility, and component ergonomics.

Extracts reusable component inventories, design tokens, and accessibility contracts from existing page implementations.

Acquire approved external UI components and normalize them into a project's design system.

Dense dashboard / admin / Bloomberg / Retool / data-heavy internal tools.

Dual-agent UX design review — Assessment A runs design-director heuristics while Assessment B runs visual pattern analysis; results…

Design and build production-grade frontend interfaces from scratch, covering the full arc: context gathering, reference collection, visual…

Design and review production web interfaces, component hierarchy, action placement, visual priority, feedback states, and interaction…

Authoritative UI/UX Design System Guide based on EtroxTaran/Uiplatformguide

Use when creating or maintaining UI design systems, design tokens, component documentation, responsive calculations, quality checks, or…

Design intuitive, accessible, and visually coherent interfaces aligned with brand and product goals.

React and Next.js frontend development standards for Retail-Agentic-Commerce.

Protects design and theme files from unintended changes.

Redesign an existing frontend's visual and UX layer while preserving routes, flows, data behavior, permissions, accessibility, and other…

Design or build a frontend from zero using the curated UI Design Playbook sources, with a compatible free option by default and explicit…

Production-readiness pass for UI — audits and fixes error states, empty states, text overflow, small touch targets, and i18n gaps before…

Convert UI screenshots, website URLs, screen recordings, mockups, and design images into editable React/Vue/HTML/CSS frontend code with…