Next.js development requires visibility into routes, components, and build configuration. This skill provides MCP-based tools to inspect your Next.js app structure, debug routing issues, and examine build settings directly from your AI assistant.

Frontend developers need consistent TypeScript type definitions to ensure type safety across the application. This skill provides patterns and conventions for creating types that match backend API responses.

Building Next.js components with the wrong pattern leads to performance issues, hydration errors, and poor user experience. This skill provides patterns for server and client components, accessibility compliance, and React best practices to build efficient, accessible frontend components.

Create engaging user interfaces with smooth animations. This skill provides ready-to-use code patterns for hover effects, page transitions, scroll animations, and complex gesture interactions in React and Next.js applications.

Context limits cause unexpected AI behavior and high costs. This skill teaches you to design, budget, and optimize context in agent systems using proven patterns like progressive disclosure and attention-aware placement.

Next.js 16 introduces breaking changes that cause common mistakes. This skill provides correct patterns for async params, server actions, layouts, and middleware. Use it to avoid failed builds and implement distinctive frontend design.

Create MCP servers that enable Claude and other LLMs to interact with external APIs and services through well-designed tools. This guide covers Python FastMCP and TypeScript MCP SDK implementations with authentication, Docker deployment, and testing patterns.

Creating chat widgets with buttons, forms, and actions is complex and undocumented. This skill provides complete patterns for client and server widget handling, entity tagging, and composer tools so you can build interactive AI interfaces faster.

Creating AI chat interfaces requires custom backends, authentication, and context injection. This skill provides production-ready patterns for ChatKitServer, useChatKit hooks, and httpOnly cookie proxies to build secure chat experiences.

Web automation tasks require manual navigation and repetitive form filling. This skill provides a Model Context Protocol interface to Playwright, enabling AI assistants to navigate pages, interact with elements, extract data, and take screenshots programmatically.

Need to add new API routes to your Catalyst-Relay server but unsure of the proper pattern? This skill provides the complete template for creating endpoints with Zod validation, consistent response formats, and proper documentation.

Need to extend Catalyst-Relay with new business logic for SAP ADT integration. This skill provides the patterns and checklist for adding pure functions, ADT operations, and library-consumable code that follows project conventions.

Creating effective skills from scratch takes knowledge of the skill format. This guide provides a step-by-step process with utility scripts for initializing, validating, and packaging skills that extend Claude with specialized knowledge and workflows.

Creating MCP servers from scratch requires understanding protocol specs, SDK patterns, and evaluation methods. This skill provides a structured four-phase workflow for building production-ready MCP servers with proper tool design, input validation, and comprehensive testing. It includes reference implementations for Python and TypeScript, evaluation frameworks, and security best practices.

Creating sophisticated HTML artifacts for Claude conversations requires complex tooling. This skill provides a complete development workflow with React, Vite, and shadcn/ui components to build, bundle, and share professional-grade artifacts.

Eliminate runtime errors and build confidence in your code with end-to-end type safety. This skill teaches modern TypeScript patterns using Zod validation, tRPC APIs, and Prisma ORM for bulletproof full-stack applications.

Building tRPC routers and Zod schemas manually takes 20-30 minutes per endpoint with risk of type errors and missing exports. This skill scaffolds complete type-safe endpoints with validation schemas, example patterns, and automated registration checks.

Creating effective testing strategies is time-consuming and error-prone. This skill provides ready-to-use templates, coverage checklists, and proven patterns for unit, integration, E2E, and performance testing. It helps teams establish quality gates and ensure robust test coverage across all development phases.

Modern applications require real-time data delivery for LLM interfaces, notifications, and live updates. This skill provides code patterns for Server-Sent Events, WebSockets, and the ReadableStream API to implement production-ready streaming solutions.

React Server Components change how you build React apps by moving rendering to the server. This skill provides patterns and templates for Next.js 15 App Router including data fetching, Server Actions, and streaming for faster pages.