Skill UI

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.

Rclone is a powerful command-line program for managing files on various cloud storage services. It supports over 70 cloud storage products including S3, Google Drive, and more. This skill provides reference and usage guides for terminal-based operations like upload, download, sync, copy, move, and mount. It includes security warnings and configuration instructions to ensure safe data handling.

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.

A comprehensive guide to diagnosing and resolving performance bottlenecks in React applications. This skill teaches advanced techniques like state isolation, memoization (using `useMemo`, `useCallback`, and `React.memo`), and list virtualization. It guides users through profiling using React DevTools to identify render hotspots, ensuring components render efficiently and maintain high application responsiveness.

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.

A comprehensive reference guide detailing best practices, rules, and optimizations for building high-performance React Native and Expo applications. It covers critical areas such as list virtualization, complex animations, UI patterns, state management, and monorepo structure, helping developers avoid common pitfalls and maximize app speed and stability.

This comprehensive workflow guides the development of modern, scalable full-stack applications using Next.js 14+, React, and TypeScript. It covers all phases, from project setup and component architecture to advanced data fetching (Server Components, React Query), styling with Tailwind CSS, robust testing (E2E via Playwright), and deployment optimization. Ideal for building complex, production-grade web interfaces.

Comprehensive guide to modern React state management patterns, covering local, global, server, URL, and form state. Includes practical examples with Redux Toolkit, Zustand, Jotai, and React Query for setting up global state, managing server state, and choosing the right solution.

Generate comprehensive, absurdly thorough README.md documentation for any software project, covering installation, usage, configuration, and contribution guidelines.

A practical reference and usage guide for redis-cli, covering connection options, interactive mode, data queries, key inspection, debugging, monitoring, and safe Redis management from the command line.

This skill creates exhaustive technical references and API documentation. It generates comprehensive parameter listings, configuration guides, and searchable reference materials. It helps document every parameter, method, and configuration option with precise categorization and cross-referencing. Ideal for creating definitive source of truth documentation for developers.

This guide provides comprehensive best practices for creating high-quality videos using Remotion within a React environment. It covers advanced techniques for dynamic content generation, including integrating 3D models (Three.js), managing diverse assets like audio, video, and fonts, implementing complex animations, data visualization, and generating precise captions. Use this skill when developing professional, robust video generation workflows in React.