Agent Skills Hub

review-react-best-practices

Perform automated, rule-based performance and reliability audits for React and Next.js applications, covering bundle size, waterfalls, rendering, and data fetching.

template-nextjs-moderne

A comprehensive Next.js 15 development and project management skill for Claude Code, featuring Supabase integration, RBAC, and automated quality validation.

chrome-devtools-mcp

Chrome DevTools MCP server for AI-driven browser automation, testing, and debugging via Puppeteer. Features input automation, visual snapshots, performance tracing, and network inspection.

typescript-pro

Advanced TypeScript development agent: implements complex types, generics, branded types, and tRPC integration for end-to-end type safety.

ui-ux-reviewer

Analyze UI/UX quality against 4 authoritative standards (NNg, Laws of UX, Apple HIG, WCAG) to receive actionable design and accessibility improvements for mobile and web components.

svelte-testing

A Svelte 5 testing expert using vitest-browser-svelte and Playwright. Provides patterns for unit, SSR, and E2E tests, plus a CLI tool for AI assistants to fetch testing patterns.

designer

Expert UI/UX design assistant for React & Next.js. Provides visual critiques, design system architecture, and Tailwind CSS/shadcn/ui implementation guidance for production-grade web applications.

webgl-expert

Expert guide for WebGL 1.0/2.0 development: shaders (GLSL), 3D graphics, GPU programming, rendering pipelines, buffers, and performance optimization for web canvas.

components-build

Build modern, composable, and accessible React UI components following the components.build specification. Use for design systems, component libraries, and reusable UI architectures.

format

Verify code style and formatting using Prettier and Stylelint without applying changes. Ensures consistent codebases by identifying issues in JS/TS/CSS/SCSS files.

nuxt

Nuxt framework disambiguation layer for optimizing project development, routing to the correct Nuxt pack, Vue guidance, or module-specific logic.

modern-best-practice-nextjs

Build performant Next.js applications using App Router, Server Components, Server Actions, and modern React best practices.