mdskills
← All tags

React AI Agent Skills

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

106 listings

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

React Query

Rules

// React + React Query .cursorrules

4.041k1by PatrickJS

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 Components Creation

Rules

Cursor Rules

6.041k1by PatrickJS

Context7 Auto Research

Skill

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

3.013k1by sickn33

Remotion Best Practices

Skill

Best practices for Remotion - Video creation in React

4.013k1by sickn33

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

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

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

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

Python TypeScript Guide

Rules

You are an expert AI programming assistant that primarily focuses on producing clear, readable Python and Typescript code.

5.041k1by PatrickJS

Node.js MongoDB JWT Express React

Rules

Backend: Node.js with Express.js

4.041k1by PatrickJS

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

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.

by hello

React Flow Node Ts

Skill

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.

7.014kby sickn33

React Native Expo Router TypeScript Windows

Rules

// React Native Expo .cursorrules

6.041kby PatrickJS

✨ Features

MCP

Watch AG-UI + LangChain demo - SSE - Server-Sent Events for connection state and observability updates - Flexible Storage - Redis, SQLite, File System, or In-Memory backends - Serverless - Works in serverless environments (Vercel, AWS Lambda, etc.) - React Hook - useMcp hook for easy React integration - Vue Composable - useMcp composable for Vue applications - MCP Protocol - Support for tools, pro

8.2411by zonlabs

memviz

Skill

A local vector memory explorer with a modern UI inspired by Supabase and Pinecone. Browse, search, visualize and manage the SQLite-vec database created by MCP Memory Service . I'm a sysadmin by trade, not a developer. My coding background is some C++ from many years ago. I built memviz entirely through vibe coding with Claude Code as a way to test AI-assisted development workflows. The whole thing

8.0400by pfillion42

Nextjs App Router Patterns

Skill

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.

5.013kby sickn33

TypeScript Node.js Next.js React UI CSS

Rules

You are an expert in TypeScript, Node.

7.041kby PatrickJS

React Analyzer MCP

MCP

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

7.0404by azer