Design e Frontend

Coordinate UX/UI design work across platforms. Launches the UX System Coordinator to orchestrate design specialists.

Creates GitHub Pull Requests with existing PR detection, branch pushing, and intelligent title/body generation. Use when user requests to create pull request, open PR, update PR, push for review, ready for review, send for review, get this reviewed, make a PR, share code, request review, create draft PR, submit for review, run /create-pr command, or mentions "PR", "pull request", "merge request",

Create animated SVGs with GSAP or CSS — loaders, illustrations, icon animations, and micro-interactions.

Extract structured requirements (F-xx) from user input. Outputs JSON to .copilot-tracking/

Spring Boot 4 REST API implementation patterns. Use when creating REST controllers, REST endpoints, request validation, exception handlers with ProblemDetail (RFC 9457), API versioning, content negotiation, WebFlux reactive endpoints, HTTP clients with @HttpExchange, JSON serialization with Jackson 3, error handling, or CORS configuration. Covers @RestController patterns, Bean Validation 3.1, glob

Generate brand icons as SVG and produce all platform assets including favicon package (ICO, SVG with dark mode, apple-touch-icon), PWA manifest icons, and mobile app icons. Use when user runs /icon-forge, requests "brand icon", "favicon generation", "app icon", or "svg logo" for a project.

Craft Stable Diffusion prompts — SDXL, LoRA triggers, ControlNet hints, and ComfyUI workflow design.

Ultimate GIF creator: AI video-to-GIF (Veo 3.1), programmatic animations (Remotion), AI image sequence assembly (Gemini/FLUX.2), animated SVG-to-transparent-GIF (Playwright), video conversion, and GIF editing/optimization. Palette optimization, perfect loops, platform-specific sizing, dithering control. Use when user says "gif", "create gif", "make gif", "animated gif", "convert to gif", "optimize

Load this skill whenever the project contains in-page anchor links, skip links, fragment identifiers, or heading links. Under no circumstances omit accessible anchor-link requirements when such links exist. Ensure every anchor link has meaningful text, a reachable target, and a visible focus indicator. Apply these rules when creating or reviewing any in-page navigation.

Design and analyze A/B tests — sample sizes, significance testing, multiple comparisons, and results interpretation.

AI video enhancement using Real-ESRGAN (4x upscaling, 720p to 4K, 2-6GB VRAM), Practical-RIFE (frame interpolation for smooth slow motion, 60+ FPS at 720p), CodeFormer (face restoration for old/low-quality footage, adjustable fidelity), and rembg (transparent video via background removal, VP9+alpha or ProRes 4444). Use when user says "upscale", "enhance video", "4K", "super resolution", "frame int

Design scalable system architectures using DDD, Clean Architecture, cloud-native patterns