Design & Media Agent Skills for Windsurf (legacy)

Run a moderated usability session on a working prototype and return findings tied to the screen, not the user.

Review UI code for Web Interface Guidelines compliance.

Load or manage Product Design's saved user context.

When to activate: user research, usability testing, user interviews, card sorting, diary studies, affinity mapping, persona development…

Audit screens for UX issues using Nielsen's heuristics and modern mobile UX best practices

Compare UX patterns across multiple reference apps using pattern libraries produced by ux-extract.

Use when the user asks for UX, product flow, user journey, wireframes, usability, conversion, onboarding, checkout, signup, navigation…

Design and review user flows, task completion, feedback, recovery, async interactions, destructive actions, and navigation behavior for…

UX design expert for auditing and redesigning pages, dashboards, and data-dense interfaces via 4-phase collaborative reviews across 8 UX…

Add loading, empty, error, and success feedback states to StyleSeed components and pages with practical mobile-first rules.

Add appropriate user feedback states (loading, success, error, empty) to a component or page

Design one research round against the single riskiest hypothesis — behavioral screening, one modality chosen on purpose, a guide whose…

UX research and design toolkit for Senior UX Designer/Researcher including data-driven persona generation, journey mapping, usability…

Use when adding animated WebGL background effects with Vanta.js (setup, parameters, resizing, performance, integration in React/Next.js).

Use this plugin when the user wants a high-end luxury real-estate / architecture landing page with cinematic scroll choreography: a…

Image edits, upscaling, and background removal via the Venice.ai API.

Video generation and transcription workflows via the Venice.ai API.

Use after a brand direction and source of truth are confirmed to produce or maintain VI manuals, logo packages, brand assets, landscape…

Use when improving accessibility — WCAG 2.2 compliance across Perceivable, Operable, Understandable, Robust.

Use when building or auditing frontend UI — components, design systems, or avoiding generic AI aesthetics.

Use when building UI components — design systems, state, responsive, a11y.