React AI Agent Skills

Codebase Overview

UpTier is a desktop to-do application that combines a clean Microsoft To Do-style interface with the power of Claude AI for intelligent task prioritization. Through the Model Context Protocol (MCP), Claude can analyze your tasks and help you focus on what matters most. Download UpTier for Windows Pre-built installer available. No build required. - Lists & Tasks - Create custom lists, tasks with su

Cursor Rules

Guidelines and best practices for building applications with [Beefree SDK](https://docs.beefree.io/beefree-sdk), including installation, authentication, configuration, customization, and template management

React best practices and patterns for modern web applications

Holistic understanding of requirements & stack

// React + Chakra UI .cursorrules

You are an expert in TypeScript, Node.

You are an expert in TypeScript, Next.

You are an expert in Solidity, TypeScript, Node.

You are an expert in TypeScript, Node.

// React + Styled Components .cursorrules

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, React 19, Next.

Holistic understanding of requirements & stack

Create React Flow node components with TypeScript types, handles, and Zustand integration. Use when building custom nodes for React Flow canvas, creating visual workflow editors, or implementing node-based UI components.

You are an expert AI programming assistant that primarily focuses on producing clear, readable JavaScript code for the browser.

Analyze & generate docs for React code using the Model Context Protocol. Based on react-analyzer library. This tool analyzes React component files (JSX/TSX) and extracts information about components and their props. - analyze-react: Analyzes a single React component from source code - analyze-project: Generates documentation for all React components in a project folder - list-projects: Lists all p

Master Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementing SSR/SSG, or optimizing React Server Components.

An MCP server that provides AI agents with real-time access to curated Web3 jobs from web3.career, enabling intelligent job discovery and career insights. - Job Query Tool: Filter Web3 jobs by: - Remote status (remote=True for remote-only jobs) - Country (e.g., "United States", case-insensitive) - Job tag (e.g., "react", "blockchain", case-insensitive) - Limit (1–100 jobs, default 50) - Markdown O

Upgrade React applications to latest versions, migrate from class components to hooks, and adopt concurrent features. Use when modernizing React codebases, migrating to React Hooks, or upgrading to latest React versions.

Access thousands of remote job listings and company information directly from your AI coding assistant! This public MCP server provides real-time access to Himalayas.app's remote job database. 🌐 Public Server URL: https://mcp.himalayas.app/sse Search for specific jobs using keywords with advanced filtering. Parameters: - keyword (string, optional): Search term (e.g., 'Python', 'React', 'Product M

React Native upgrade workflow covering updated templates, dependencies, and common pitfalls. Use when migrating a React Native app to a newer release.

Best practices for Remotion - Video creation in React