React AI Agent Skills

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

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.

KoliBri stands for "component library for accessibility" and was released as open source by the Informationstechnikzentrum Bund (ITZBund) for reuse and continued development. Together we make HTML accessible using reusable web components to ensure usability and accessibility. The HTML web standard is itself very “openly” specified in order to be as long-lasting and robust as possible. It therefore

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

Your comprehensive Ionic coding companion powered by the Model Context Protocol (MCP). This intelligent server provides seamless access to Ionic Framework components, Capacitor plugins, developer resources, and CLI command execution to accelerate your mobile app development workflow. Whether you're building cross-platform applications with React, Angular, Vue, or Vanilla JavaScript, this MCP serve

Build React components, implement responsive layouts, and handle

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.

Mobile-first design and engineering doctrine for iOS and Android apps. Covers touch interaction, performance, platform conventions, offline behavior, and mobile-specific decision-making. Teaches principles and constraints, not fixed layouts. Use for React Native, Flutter, or native mobile apps.

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

A powerful Microsoft SQL Server MCP (Model Context Protocol) server that enables Claude Desktop to interact with SQL Server databases through natural language queries. - 🤖 AI-Ready: Seamless integration with Claude Desktop and MCP protocol - 🔍 Smart Queries: Execute SQL queries in CSV or JSON format through natural language - 🔐 Secure Authentication: Support for SQL Server Auth, Windows Auth, a

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

Use when adding new error messages to React, or seeing "unknown error code" warnings.

Best practices for Remotion - Video creation in React

Backend: Node.js with Express.js

// React Native Expo .cursorrules

Practical patterns for using fp-ts with React - hooks, state, forms, data fetching. Use when building React apps with functional programming patterns. Works with React 18/19, Next.js 14/15.

Automatically fetch latest library/framework documentation for Claude Code via Context7 API

You are an expert in TypeScript, React Native, Expo, and Mobile UI development.

You are a frontend security specialist focusing on Cross-Site Scripting (XSS) vulnerability detection and prevention. Analyze React, Vue, Angular, and vanilla JavaScript code to identify injection poi