Creating multi-component React artifacts for Claude conversations requires complex bundling and configuration. This skill automates project setup with React 18, TypeScript, Tailwind CSS, and 40+ shadcn/ui components, then bundles everything into a single HTML file.

Building performant React applications requires understanding complex optimization patterns. This skill provides 45 prioritized rules from Vercel Engineering to guide AI in writing, reviewing, and refactoring React and Next.js code for optimal performance.

Writing tests after code leads to false confidence and missed edge cases. This skill enforces the TDD discipline: write a failing test first, then implement just enough code to pass.

Developers often miss issues in their own code because they are too close to the implementation. This skill dispatches an AI subagent to review code changes against requirements, checking quality, architecture, testing, and production readiness before merging.

This skill automates adding multi-language support to Next.js websites, including hreflang tags, locale configuration, translation files, and SEO optimization for international markets.

Creating effective MCP servers requires understanding protocol specifications, SDK patterns, and testing strategies. This skill provides comprehensive guides for building high-quality MCP servers in Python and TypeScript with evaluation frameworks to validate tool effectiveness.

Code duplication leads to maintenance nightmares and inconsistent behavior. This skill guides you through a systematic 4-step process to identify, abstract, replace, and verify refactoring changes that eliminate repetition and improve code quality.

Lint failures slow down code reviews and block releases. This skill runs the project lint workflow and guides fixes while keeping code behavior unchanged.

Browser extension projects often struggle with cross-browser compatibility and proper internationalization setup. This skill provides clear guidance for WXT-based extension development supporting Chrome, Firefox, and Edge with proper i18n structure.

Writing backend tests takes significant time and requires knowledge of test frameworks. This skill analyzes your code structure, detects your testing setup, and generates comprehensive tests covering happy paths, error cases, and edge cases.

Code reviews catch bugs before deployment but are time-consuming. This skill provides structured checklists, security patterns, and best practices for MERN stack reviews to ensure nothing critical is missed.

Creating MCP servers for external services requires understanding protocol specifications, tool design patterns, and evaluation methodologies. This guide provides comprehensive instructions for building production-quality MCP servers in Python and TypeScript with best practices for tool design, authentication, error handling, and testing.

Debugging complex Next.js applications requires inspecting routes, components, and build configurations. This skill provides MCP-based tools to list routes, examine components, and check build info directly from your development environment.

Building ChatKit chatbots requires integrating multiple technologies (FastAPI, OpenAI Agents SDK, MCP tools) with proper security patterns. This skill provides complete architectural guidance for creating production-ready chatbots with user isolation and real-time capabilities.

Writing tests after code leads to fragile codebases and missed bugs. This skill provides structured TDD workflows, test patterns, and Playwright automation to help you write maintainable tests before code, catch bugs early, and build confidence in your software.

This skill helps developers follow test-driven development practices for Python projects. It guides users through the Red-Green-Refactor cycle, pytest configuration, and test quality auditing.

Shell scripts often fail silently or behave unpredictably due to missing error handling. This skill provides battle-tested patterns for robust bash and zsh scripting including proper error handling, safe variable expansion, and modular code structure.

Writing standalone Python scripts with dependencies requires manual setup and configuration. This skill generates ready-to-run scripts with PEP 723 inline metadata, automatic dependency management, and proper CLI argument parsing.

Applications often suffer from slow response times, high memory usage, and poor user experience. This skill provides expert guidance on identifying bottlenecks, optimizing code, conducting load tests, and improving Core Web Vitals across frontend, backend, and database layers.

Building Next.js applications requires understanding App Router, Server Components, and performance patterns. This skill provides expert architecture guidance for designing, migrating, and optimizing Next.js applications with modern patterns.