react-patterns

This skill creates a production-ready ChatGPT-style chatbot widget for frontend integration. It includes critical features like infinite re-render protection, text selection "Ask AI" functionality, and ready integration with RAG backends and SSE streaming. Use it to quickly deploy a battle-tested, monitored chat interface.

This skill generates a production-ready ChatGPT-style chatbot widget with built-in solutions for common frontend issues. It provides infinite re-render protection, text selection "Ask AI" functionality, and integrated support for streaming SSE and RAG backends. Use it to quickly implement a monitored, performant chat interface in your web application.

This skill provides expert guidance on React 19's latest patterns, including Server Components, Actions, and concurrent features like `useOptimistic` and Suspense. Use it for component architecture, state management, performance optimization, and implementing modern TypeScript development. It's your go-to resource for any React 19 development question or code review.

This skill generates comprehensive TypeScript documentation using JSDoc and TypeDoc for API references, architectural decision records (ADRs), and framework-specific examples. Use it to automatically document modules, create multi-layered documentation for different audiences, or set up documentation for projects using NestJS, Express, React, Angular, or Vue.