Design & Media Agent Skills

UI implementation rules — design engineering directives, layout discipline, image strategy, AI tells (forbidden patterns), motion, dark…

Audit a product interface through real user tasks, visual hierarchy, accessibility, responsive behaviour, state feedback, and interaction…

Fix spacing rhythm, visual hierarchy, and layout issues in UI files — enforces consistent spacing units, adequate padding on interactive…

PRD to High-Fidelity UI Delivery Alignment / Desktop Workbench UI Mockup: When users already have a PRD, UI specifications, real front-end…

Generate a composed UI pattern (card layout, list, form section, grid, etc.) using design system primitives

Final pre-ship UI quality pass — reads the persisted critique snapshot as a prioritized backlog and implements fixes from P0 down

Conducts comprehensive pre-release quality audits across accessibility, visual hierarchy, interaction states, and AI design tropes.

Select and compare catalog sources for specific UI components, patterns, or integrations.

Analyze screenshots and existing interfaces into evidence-backed UI specifications.

Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.

Design planning interview before writing UI code — produces a design brief covering register, typography strategy, color constraints, and…

Audit, add, or update a UI resource source card in the UI Design Playbook catalog when license, access tier, provenance, integration, or…

Generates interactive HTML UI specifications paired with playable state machine simulators for iterative, decision-logged design reviews.

Review a frontend application's rendered component or widget tree from the top-level entry point downward.

Fix typography hierarchy, font choices, type scale, and line-length in UI files — applies register-aware rules (brand vs product) with…

Create production-grade frontend interfaces with strong UX and visual craft.

Delivers rigorous, senior-level UI/UX critiques analyzing visual hierarchy, usability, design system alignment, and business metrics…

Expert UI/UX designer specializing in user-centered design, accessibility (WCAG 2.2), design systems, and responsive interfaces.

Create interface designs, wireframes, and design systems.

Design futuristic 2026-style UI with 3D depth, glassmorphism, soft shadows, and modern aesthetics.

Comprehensive UI/UX design and layout toolkit for web interfaces.