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
You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, React 19, Next.
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
Context7 Auto Research
Automatically fetch latest library/framework documentation for Claude Code via Context7 API
Node.js MongoDB JWT Express React
Backend: Node.js with Express.js
Remotion Best Practices
Best practices for Remotion - Video creation in React
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 Query
// React + React Query .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.
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
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
Medusa
You are an expert senior software engineer specializing in modern web development, with deep expertise in TypeScript, Medusa, React.
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
Agent Skills
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.
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 Redux TypeScript
// React + Redux + TypeScript .cursorrules
TypeScript Next.js React
You are an expert in TypeScript, Next.
Crypto Liquidations 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
Frontend Developer
Ships React/Next.js UI components with accessibility, state management, and performance baked in. Use when building or refactoring UI code.
React Native Architecture
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.
TypeScript React Next.js Cloudflare
You are an expert in TypeScript, Node.
Node.js MongoDB
Backend: Node.js with Express.js