Development

Use when designing content systems where 5+ distinct types need to comingle in feeds, timelines, or searches with shared metadata and operations - NOT for simple polymorphic associations or 1-3 similar types

Use for accessible React primitives when shadcn doesn't have the component you need

React 19's use() API for reading Promises/Context conditionally. For async data fetching, Suspense, conditional context access, useContext migration.

This skill should be used when creating custom subagents for Claude Code, configuring specialized AI assistants, or when the user asks about agent creation, agent configuration, or delegating tasks to subagents. Covers both file-based agents and Task tool invocation.

Use when reviewing pull requests. Covers PR examination, code quality checks, adding feedback, and pass/fail decisions.

Expert knowledge of WCAG 2.2 (Web Content Accessibility Guidelines). Use when users ask about accessibility requirements, success criteria, conformance levels (A, AA, AAA), WCAG principles (perceivable, operable, understandable, robust), specific success criteria by number (e.g., 1.4.3), accessibility techniques, or need help understanding or implementing WCAG guidelines. Also use for questions about accessibility terminology, color contrast requirements, keyboard accessibility, screen reader compatibility, or any web accessibility compliance questions.

Use when tests/test_code_patterns.py fails - fixes recurring anti-patterns with documented root causes and verification

Complete MCP development toolkit for creating, debugging, testing, and reviewing MCP servers. Use when setting up new MCP projects, creating tools, debugging connection issues, reviewing MCP code, or generating documentation.

Comprehensive React best practices for building scalable web applications with feature-based architecture, TypeScript, state management patterns, performance optimization, and testing guidelines. Use when creating React/Next.js UIs, components, features, or applications. This skill provides official React documentation guidance, 2025 community best practices, folder structure recommendations, and component patterns.

Use this skill whenever the user wants to create, restructure, or standardize a NestJS backend project in TypeScript, including folder layout, config, environment setup, tooling, and initial integrations (TypeORM-ready, testing-ready, and deployment-friendly).

Configure React frontend with django-allauth headless API integration, including authentication UI, auth state management, protected routes, and social authentication flows

Use PROACTIVELY when user asks for accessibility review, a11y audit, WCAG compliance check, screen reader testing, keyboard navigation validation, or color contrast analysis. Audits React/TypeScript applications for WCAG 2.2 Level AA compliance with risk-based severity scoring. Includes MUI framework awareness to avoid false positives. Not for runtime accessibility testing in production, automated remediation, or non-React frameworks.

Create new Claude Code skills with proper structure, validation, and best practices.Generates skills that follow Anthropic specifications and community patterns.Use when you need custom skills for specific workflows, either globally or per-project.

Analyze and validate images on web pages. Use when users ask to check image alt tags, verify image accessibility, find missing alt attributes, audit image SEO, or check image optimization. Detects missing alt, empty alt, decorative images without proper markup, oversized images, and missing dimensions.

Apply security practices for the .NET 8 WPF widget host app: authN/authZ, secrets, encryption at rest, and secure local storage. Use when handling credentials, tokens, user data, or integrating identity providers.

Enterprise-grade company research, competitive analysis, and market intelligence using Bright Data's professional web scraping and search capabilities. Use this skill when asked to research companies, conduct competitive analysis, create market reports, analyze industries, compare products/services, or gather business intelligence. Triggers include requests like "research [company]", "competitive analysis of X vs Y", "create a market report", "analyze the [industry] landscape", or "compare [products/companies]".

Integration templates for FastAPI endpoints, Next.js UI components, and Supabase schemas for ML model deployment. Use when deploying ML models, creating inference APIs, building ML prediction UIs, designing ML database schemas, integrating trained models with applications, or when user mentions FastAPI ML endpoints, prediction forms, model serving, ML API deployment, inference integration, or production ML deployment.

Build or update frontend components and pages that strictly adhere to the project design system defined in design/design-system.json (and design/design.json when present).

Query and manage local tRPC documentation mirror (25 docs). Search tRPC topics for end-to-end typesafe APIs, routers, procedures, React Query integration, and Next.js setup. Use when implementing tRPC features or answering tRPC-related questions. (user)

Generate Webpack configuration files for bundling JavaScript/TypeScript applications with loaders, plugins, and optimization settings. Triggers on "create webpack config", "generate webpack configuration", "webpack setup for", "bundle config".