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.

Manual code reviews take time and miss issues. This skill runs 7 automated checks for file size, complexity, naming, imports, architecture, ESLint, and TypeScript compliance with DevPrep AI standards.

Manually creating feature modules requires following complex architecture patterns and naming conventions. This skill automates module creation with proper TypeScript interfaces, barrel exports, and quality standards enforced through validation.

Building applications for edge runtimes requires special patterns for low latency and global distribution. This skill provides proven deployment patterns for Cloudflare Workers, Vercel Edge, and Deno Deploy.

Manually converting design prototypes to React components is time-consuming and error-prone. This skill automates the entire workflow from HTML analysis through component scaffolding to quality validation, reducing implementation time by 70% while enforcing consistent code standards.

Code reviews are inconsistent and time-consuming without clear standards. This skill provides structured checklists, conventional comments patterns, and feedback templates to ensure thorough, constructive reviews that improve code quality and team collaboration.

APIs often suffer from inconsistent patterns and poor documentation. This framework provides proven design patterns, error handling conventions, and ready-to-use OpenAPI and AsyncAPI templates. Build developer-friendly APIs that scale.

Building AI-native applications requires understanding RAG pipelines, agentic workflows, and vector databases. This skill provides proven patterns for integrating LLMs, implementing semantic search, and creating autonomous agents that reason and take action.