Agent skills for VS Code

Implement UCP Identity Linking — OAuth 2.0 authorization code flow for linking buyer accounts between platforms and merchants, enabling…

Reviews code to ensure agent-native parity — any action a user can take, an agent can also take.

Use when encountering any bug, test failure, or unexpected behavior, before proposing fixes - four-phase framework (root cause…

Use when implementing complex logic that needs test coverage - write the test first, watch it fail, write minimal code to pass; ensures…

Implement and run Unreal asset, map, configuration, and content-policy validation with actionable results and CI compatibility.

Structured experiment loop — tune UE parameters one at a time with visual scoring.

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