Use when designing, redesigning, or polishing a website, landing page, dashboard, app UI, or client site.
Add purposeful animations and transitions to UI — enforces motion budget, bans bounce/elastic easing, and requires prefers-reduced-motion…
Design and implement polished web or mobile interfaces from a product brief.
Audit visual UI quality — layout hierarchy, spacing, typography, color, consistency, and Gestalt grouping
Introduce strategic color to monochromatic or under-colored UIs — OKLCH-first palette generation with contrast validation, register-aware…
Dual-agent UX design review — Assessment A runs design-director heuristics while Assessment B runs visual pattern analysis; results…
Protocol for creating UI/UX designs using Pencil, Figma MCP, and Playwright.
Use when users need visual direction, interface hierarchy, layout decisions, design specifications, or prototypes before implementing a…
Production-readiness pass for UI — audits and fixes error states, empty states, text overflow, small touch targets, and i18n gaps before…
This skill should be used when the user asks to "add server action", "implement Supabase query", "connect to backend", "add database…
Fix spacing rhythm, visual hierarchy, and layout issues in UI files — enforces consistent spacing units, adequate padding on interactive…
Generates interactive HTML UI specifications paired with playable state machine simulators for iterative, decision-logged design reviews.
Fix typography hierarchy, font choices, type scale, and line-length in UI files — applies register-aware rules (brand vs product) with…
Specialized UI/UX evaluator for the Evaluate-Loop.
Find G-Cloud services on UK Digital Marketplace with live search and comparison
Escalation skill for blocked or hard-to-reach web access — load it when a normal browse/fetch is blocked (WAF, 403, Cloudflare, JS-only…
Codebase'i derinlemesine anla. Onboarding, architecture discovery, dependency mapping.
A comprehensive skill for developing native plugins for uni-app.
A comprehensive skill for the uni-app plugin market and automatic plugin installation.
Provides one-command project creation for uni-app-x including Vue 3 + TypeScript + Vite setup, configuration, and template generation.
A comprehensive skill for integrating and using uView Pro with UniAppX projects.