mdskills
← All tags

React AI Agent Skills

AI agent skills for React development. Component patterns, state management, hooks, testing, and performance optimization.

106 listings

Nextjs15 React19 Vercelai Tailwind CSS

Rules

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

7.041k1by PatrickJS

Vercel React Native Skills

Skill

A structured repository for creating and maintaining React Native Best Practices optimized for agents and LLMs. - rules/ - Individual rule files (one per rule) - sections.md - Section metadata (titles, impacts, descriptions) - template.md - Template for creating new rules - area-description.md - Individual rule files - metadata.json - Document metadata (version, organization, abstract) - AGENTS.md

8.021k1by vercel-labs

Context7 Auto Research

Skill

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

3.013k1by sickn33

Node.js MongoDB JWT Express React

Rules

Backend: Node.js with Express.js

4.041k1by PatrickJS

Remotion Best Practices

Skill

Best practices for Remotion - Video creation in React

4.013k1by sickn33

React Next.js UI Development

Rules

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

5.041k1by PatrickJS

LangGraph

Skill

Expert in LangGraph - the production-grade framework for building stateful, multi-actor AI applications. Covers graph construction, state management, cycles and branches, persistence with checkpointers, human-in-the-loop patterns, and the ReAct agent pattern. Used in production at LinkedIn, Uber, and 400+ companies. This is LangChain's recommended approach for building agents. Use when: langgraph, langchain agent, stateful agent, agent graph, react agent.

9.014k1by sickn33

React Query

Rules

// React + React Query .cursorrules

4.041k1by PatrickJS

Agents SDK

Skill

Build AI agents on Cloudflare Workers using the Agents SDK. Load when creating stateful agents, durable workflows, real-time WebSocket apps, scheduled tasks, MCP servers, or chat applications. Covers Agent class, state management, callable RPC, Workflows integration, and React hooks.

8.07471by cloudflare

Wener/mssql MCP

Skill

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

8.04641by wenerme

title}

Skill

Per-component i18n AI-powered translation. Visual Editor. Multilingual CMS. React + Vite • Most i18n libraries are either too complex, too rigid, or not built for modern frameworks. Intlayer is a modern i18n solution for web and mobile apps. It’s framework-agnostic, AI-powered, and includes a free CMS & visual editor. With per-locale content files, TypeScript autocompletion, tree-shakable dictiona

6.08971by aymericzip

Medusa

Rules

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

7.041k1by PatrickJS

Welcome to KoliBri

Skill

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

3.03981by public-ui

React MobX

Rules

// React + MobX .cursorrules

4.041k1by PatrickJS

Agent Skills

Skill

GitHub patterns using gh CLI for pull requests, stacked PRs, code review, branching strategies, and repository automation. Use when working with GitHub PRs, merging strategies, or repository management tasks.

6.01.2k1by callstackincubator

Webmcp Add Tool

MCP

Scaffolds a new WebMCP tool component using useMcpTool with Zod schema, handler, annotations, and wires it into the WebMCPProvider tree. Use when the user wants to expose functionality as an MCP tool, make something callable by AI, add a new tool, or create an AI-accessible action.

8.2424by MCPCat

3DAssets.dev

MCP

Find and use free CC0 GLB assets and game packs (three.js, Blender, Godot, Unity), or register and submit models to 3dassets.dev on the user's behalf.

8.3415by hello

React Redux TypeScript

Rules

// React + Redux + TypeScript .cursorrules

6.041kby PatrickJS

TypeScript Next.js React

Rules

You are an expert in TypeScript, Next.

2.041kby PatrickJS

Crypto Liquidations MCP

MCP

An MCP server that streams real-time cryptocurrency liquidation events from Binance, enabling AI agents to react instantly to high-volatility market movements. - Real-time Liquidation Streaming: Connects to Binance WebSocket to capture liquidation events. - Liquidation Data Storage: Maintains an in-memory list of up to 1000 liquidation events, with no persistent storage. - Tool: getlatestliquidati

7.0356by kukapay

Frontend Developer

Subagent

Ships React/Next.js UI components with accessibility, state management, and performance baked in. Use when building or refactoring UI code.

8.2410by wshobson

React Native Architecture

Skill

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mobile apps, implementing native integrations, or architecting React Native projects.

5.013kby sickn33

TypeScript React Next.js Cloudflare

Rules

You are an expert in TypeScript, Node.

7.041kby PatrickJS

Node.js MongoDB

Rules

Backend: Node.js with Express.js

4.041kby PatrickJS