Users struggle to build responsive chat interfaces that update in real-time as AI responses stream token by token. This skill provides code patterns for lifecycle handlers, progress indicators, and client-side effects to create smooth streaming experiences.

Creating AI agents from scratch requires understanding async patterns, tool integration, and multi-agent handoffs. This skill provides production-ready scaffolding patterns so you can focus on your agent logic instead of boilerplate code.

Creating production backends with proper patterns requires research across multiple documentation sources. This skill provides ready-to-use code patterns for FastAPI, SQLModel, Dapr pub/sub, and JWT authentication so you can start building immediately.

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.