React AI Agent Skills
AI agent skills for React development. Component patterns, state management, hooks, testing, and performance optimization.
106 listings
Wener/mssql MCP
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 Query
// React + React Query .cursorrules
React Next.js UI Development
You are an expert AI programming assistant that primarily focuses on producing clear, readable JavaScript code for the browser.
LangGraph
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.
React Components Creation
Cursor Rules
Context7 Auto Research
Automatically fetch latest library/framework documentation for Claude Code via Context7 API
Remotion Best Practices
Best practices for Remotion - Video creation in React
Vercel React Native Skills
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
Welcome to KoliBri
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
React MobX
// React + MobX .cursorrules
Agents SDK
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.
title}
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
Python TypeScript Guide
You are an expert AI programming assistant that primarily focuses on producing clear, readable Python and Typescript code.
Node.js MongoDB JWT Express React
Backend: Node.js with Express.js
Nextjs15 React19 Vercelai Tailwind CSS
You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, React 19, Next.
Webmcp Add Tool
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.
3DAssets.dev
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.
React Flow Node Ts
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.
React Native Expo Router TypeScript Windows
// React Native Expo .cursorrules
✨ Features
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
memviz
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
Nextjs App Router Patterns
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.
TypeScript Node.js Next.js React UI CSS
You are an expert in TypeScript, Node.
React Analyzer 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