Skill UI

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.

This skill guides users to create a new Remotion video project from scratch. It covers scaffolding the project structure, installing dependencies, designing video compositions using React, configuring preview servers, and rendering the final video output. It is suitable for developers building video content with Remotion tools.

Search and retrieve Remotion documentation using Algolia API and Markdown URLs. Helps developers find accurate API references and implementation guides for video creation tasks without memorizing details. Supports workflow for discovering current docs and fetching source code.

This skill helps developers resolve conflicts during Git merge or rebase operations. It guides users to check the current state, identify primary sources of changes, and resolve each conflict hunks while preserving intent. It emphasizes running automated checks like type checking and tests before finalizing the merge. This ensures code integrity and prevents breaking changes in the project.

A comprehensive style guide and implementation toolkit for achieving authentic vintage aesthetics, inspired by 60s-80s retro design. It covers core principles like warm, muted color palettes, subtle noise textures, and classic typography pairings. Provides detailed code examples for Web (CSS), iOS (SwiftUI), and Android (Flutter) to recreate the analog, nostalgic feel in modern applications.