Skill UI

Designs and implements production-grade RAG systems with document chunking, embeddings, vector stores, hybrid search, reranking, and evaluation, ideal for knowledge-grounded AI apps that need semantic retrieval, similarity search, and context augmentation.

This comprehensive workflow guides the end-to-end implementation of Retrieval-Augmented Generation (RAG) systems. It covers critical stages, including selecting optimal embedding models, setting up vector databases, designing chunking strategies, implementing hybrid retrieval, integrating Large Language Models (LLMs), and performing rigorous evaluation. Use this when building knowledge-grounded AI applications or advanced semantic search systems.

Specializes in building modern, high-performance Rails 7+ web applications. Expertise includes optimizing Active Record queries (N+1 prevention), implementing partial page updates with Hotwire (Turbo Frames/Streams), handling real-time communication via Action Cable, and managing background jobs using Sidekiq. The process includes rigorous RSpec testing and database schema management.

Guides backend engineers through planning, implementing, and validating rate limit middleware across Node.js, Python, Go, and microservice architectures.

This skill provides a comprehensive framework for implementing robust API rate limiting. It supports advanced algorithms like sliding windows, token buckets, and fixed counters, backed by Redis for distributed state. Use it to protect endpoints from excessive requests, enforce tiered quotas (Free, Pro, Enterprise), and prevent abuse like brute-force attacks by setting per-user, per-endpoint, or per-API-key limits.

A comprehensive optimization guide maintained by Vercel, covering 45 rules for React and Next.js. Use this resource when building new components, implementing complex data fetching (client or server-side), refactoring code, or systematically improving bundle size and overall load times for high-performance web applications.

This guide outlines best practices for building highly flexible and maintainable React components. It addresses common architectural pitfalls, such as 'boolean prop proliferation,' by recommending advanced patterns like compound components, state lifting, and context providers. Use this when refactoring large component libraries, designing robust APIs, or reviewing component architecture, including considerations for React 19 APIs.

A senior specialist for building modern, production-grade React applications using React 19, Server Components, and Next.js App Router. Expertise includes implementing complex state management (Redux, Zustand), optimizing performance with memoization, handling data fetching with TanStack Query, and ensuring strict TypeScript typing and accessibility standards. Ideal for architecting large-scale frontend systems.

A comprehensive architectural guide for building production-grade flowcharts using ReactFlow. This pattern set covers key challenges including hierarchical tree navigation (expandable/collapsible nodes), performance optimization via incremental rendering and memoization, and advanced state management using Redux-like reducer patterns with history tracking (undo/redo).

This skill provides comprehensive patterns and templates for developing custom, reusable node components within the React Flow library. It ensures adherence to best practices by integrating proper TypeScript types and facilitating connection with global application state stores. Ideal for building complex, interactive workflow diagrams and visual programming interfaces.

This skill guides developers through modernizing React applications. It covers migrating from class components to functional components using hooks, upgrading React versions, adopting concurrent features (like Suspense), and applying automated refactoring techniques using codemods. It is essential for maintaining high-performance, modern React codebases and integrating TypeScript.

This skill provides production-ready architectural patterns for building robust mobile applications using React Native and Expo. It covers complex topics like state management, sophisticated navigation flow, integrating native modules, and implementing offline-first capabilities. It is ideal for starting new projects or optimizing existing large-scale React Native applications.