Categories
Indexed Skills (6)
ai-ui-patterns
Build production-grade LLM-powered interfaces in React and Next.js — token streaming, tool-call rendering, cancellation, cost and rate-limit handling, prompt-injection-safe rendering, and graceful degradation. Use this skill whenever the user is building a chat UI, AI assistant, copilot, streaming completion, RAG interface, or agent front end, or mentions the Vercel AI SDK, useChat, streamText, SSE, server-sent events, token-by-token rendering, or asks how to display AI output safely and responsively.
component-test-writer
Write React component, hook, and end-to-end tests using Vitest, React Testing Library, MSW, and Playwright — chosen for behaviour coverage rather than line coverage, with accessible queries and no implementation-detail assertions. Use this skill whenever the user asks for tests, mentions Vitest, Jest, React Testing Library, MSW, Playwright, Cypress, test coverage, flaky tests, mocking API calls, or testing hooks, forms, async UI, or user flows — including "add tests for this component" and "why is this test flaky".
frontend-a11y-audit
Audit and fix web accessibility against WCAG 2.2 AA — keyboard operability, focus management, ARIA correctness, screen reader semantics, contrast, and forms — producing findings mapped to specific success criteria with working code fixes. Use this skill whenever the user mentions accessibility, a11y, WCAG, ADA or EAA compliance, screen readers, keyboard navigation, focus traps, ARIA attributes, color contrast, axe or Lighthouse accessibility scores, or asks whether a component like a modal, dropdown, tab set, or custom control is accessible.
microfrontend-architect
Design, scaffold, and review microfrontend systems built on Module Federation, Nx monorepos, and independently deployable React/Next.js remotes. Use this skill whenever the user mentions microfrontends, Module Federation, remotes and hosts, shell applications, Nx or Turborepo workspaces, shared dependency singletons, independent deployment of frontend modules, or splitting a large React app into separately owned pieces — even if they describe the problem in plain terms like "two teams keep blocking each other in the same repo" or "we want to deploy the checkout page without redeploying everything."
nextjs-app-router-architect
Design, review, and migrate Next.js App Router applications — Server versus Client Component boundaries, the four-layer caching model, Server Actions, streaming with Suspense, and Pages Router migration. Use this skill whenever the user mentions the Next.js App Router, React Server Components, "use client" or "use server", generateMetadata, revalidatePath or revalidateTag, ISR, route handlers, hydration errors, stale data after mutations, or is deciding how to structure a new Next.js application — including vaguer prompts like "my Next app fetches too much on the client" or "why is my data stale".
react-performance-audit
Audit React and Next.js codebases for wasted re-renders, bundle bloat, and Core Web Vitals regressions, then produce a prioritized fix list with measured impact. Use this skill whenever the user mentions slow renders, laggy typing or scrolling, large bundles, LCP/INP/CLS problems, Lighthouse scores, React DevTools Profiler output, memo/useMemo/useCallback decisions, or says something is "janky", "slow", or "re-rendering too much" — including when they just paste a component and ask why it feels slow.
Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.