Design & UX

Analyzes web applications for mobile responsive design issues including touch targets, typography, breakpoints, navigation, images, and performance. Provides file-by-file tactical recommendations and implements fixes for Next.js 15, Tailwind CSS 4, Radix UI, and shadcn/ui projects. Use when auditing mobile UX, optimizing responsive layouts, or ensuring mobile-first best practices.

One sentence - what this skill does and when to invoke it

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

Review UI code for design system compliance, accessibility, and best practices

Generate a new UI component following the StyleSeed design conventions

Audit a component or page for accessibility issues and fix them

Use when upgrading existing websites or apps by auditing generic UI patterns and applying premium design fixes without rewrites.

Use when creating clean editorial interfaces with warm monochrome palettes, crisp borders, restrained motion, and flat bento layouts.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

Apple Human Interface Guidelines for platform-specific design.

Apple Human Interface Guidelines interaction and UX patterns.

Apple Human Interface Guidelines design foundations.

Apple Human Interface Guidelines for content display components.

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch.

Design and implement a distinctive frontend within the product’s existing brand, accessibility, performance and framework constraints.

Direction and intent for frontend design. Use with design when defining purpose, tone, domain, color world, and review bar; includes cross-domain lens from cinema, architecture, marketing, UX, automotive, industrial design.

Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics. Use with design when building components, pages, or design systems.

Quickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

Design systems with components, interfaces, and scaling. TRIGGERS - Use when user needs help with system-design related tasks.

Design game user interfaces with wireframes. TRIGGERS - Use when user needs help with game-ui-design related tasks.

Design affiliate and referral programs with commission structures and partner materials. TRIGGERS - Use when user wants to create an affiliate program, referral system, or partner program.

'[Frontend] Frontend UI/UX design intelligence - activate FIRST when