AI Agent Skills

Use to implement/review frontend UI, routing, state, API integration, responsive layout, accessibility, and browser behavior.

Use when the requested feature genuinely spans at least two delivery layers such as frontend, backend, API, data, scripts, or tests. Do not expand a single-layer change…

Design cooking — the co-creation front-end that DISCOVERS a design instead of assuming one exists. USER-INVOKED ONLY — triggers when the user types /cook, /cook <surface…

Use when implementing an unfamiliar PlayCanvas feature such as animation, particles, shaders, physics, UI, splats, or XR to find the official Engine, React, or Web Compo…

Build modern Vue 3 frontend apps using Frappe UI with components, data fetching, and portal pages. Use when creating custom frontends, SPAs, or portal interfaces for Fra…

Use for adding, reviewing, or debugging guest ISA decode and translation in a QEMU TCG frontend, including feature gates, exceptions, PC/TB behavior, and focused instruc…

Guides stable API and interface design. Use when designing APIs, module boundaries, or any public interface. Use when creating REST or GraphQL endpoints, defining type c…

Builds production-quality UIs. Use when building or modifying user-facing interfaces. Use when creating components, implementing layouts, managing state, or when the out…

Creates accurate frontend implementations from visual references while maintaining design consistency. Use when user provides Figma URLs, screenshots, design images, req…

This skill should be used when the user asks to "build a frontend", "create a landing page", "add shadcn components", "install shadcn blocks", "set up shadcn", "add a he…

Investigate StatePort replay mismatches or test frontend behavior with request remaps, replay/block/local-live routes and JSON response overlays, then compare or restore…

Build and review accessible, responsive, design-system-aligned React components and screens. Use for JSX/TSX, semantic HTML, Tailwind, shadcn/ui, component APIs, forms,…

Design, write, run, and review tests for React, Next.js, or Vite frontends. Use for Vitest/Jest, React Testing Library, MSW, Playwright, E2E, accessibility testing, visu…