mdskills
← All tags

React AI Agent Skills

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

106 listings

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

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

Medusa

Rules

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

7.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

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

Remotion Best Practices

Skill

Best practices for Remotion - Video creation in React

4.013k1by sickn33

Node.js MongoDB JWT Express React

Rules

Backend: Node.js with Express.js

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

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

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

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

React Components Creation

Rules

Cursor Rules

6.041k1by PatrickJS

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

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

Solidity React Blockchain Apps

Rules

I'm sorry, but it seems like you haven't provided the content of the corrupted file. Could you please provide the text that needs formatting?

1.041kby PatrickJS

React Native Expo

Rules

// React Native Expo .cursorrules

4.041kby PatrickJS

TypeScript Node.js Next.js App

Rules

You are an expert in TypeScript, Node.

5.041kby PatrickJS

Fp Ts React

Skill

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.

8.014kby sickn33

Instagram MCP Server

MCP

A professional Model Context Protocol (MCP) server that provides a comprehensive toolkit for interacting with Instagram. This server enables LLMs (like Claude or Gemini) to manage accounts, analyze social graphs, discover content, and engage with the Instagram community directly from their interface. - Full Account Control: Edit profile, manage privacy, and track activity. - Advanced Messaging: Re

7.0356by arjun1194

TypeScript Next.js React

Rules

You are an expert in TypeScript, Next.

2.041kby PatrickJS