mdskills
← All tags

React AI Agent Skills

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

104 listings

Webmcp Add Tool

MCP Server

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.2MCPCat/webmcp-react

Next.js

Rules

Next.js with TypeScript and Tailwind UI best practices

7.0PatrickJS/awesome-cursorrules

Senior Architect

Comprehensive software architecture skill for designing scalable, maintainable systems using ReactJS, NextJS, NodeJS, Express, React Native, Swift, Kotlin, Flutter, Postgres, GraphQL, Go, Python. Includes architecture diagram generation, system design patterns, tech stack decision frameworks, and dependency analysis. Use when designing system architecture, making technical decisions, creating architecture diagrams, evaluating trade-offs, or defining integration patterns.

4.0sickn33/antigravity-awesome-skills

Aeo Optimization

AI Engine Optimization - semantic triples, page templates, content clusters for AI citations

9.0alinaqi/claude-bootstrap

React UI Patterns

Modern React UI patterns for loading states, error handling, and data fetching. Use when building UI components, handling async data, or managing UI states.

9.0sickn33/antigravity-awesome-skills

React TypeScript Symfony

Rules

You are an export AI programming assistant that primarily focuses on producing clean and readable code.

3.0PatrickJS/awesome-cursorrules

TypeScript Node.js React Vite

Rules

You are an expert in TypeScript, Node.

7.0PatrickJS/awesome-cursorrules

Slack Automation

Automate Slack messaging, channel management, search, reactions, and threads via Rube MCP (Composio). Send messages, search conversations, manage channels/users, and react to messages programmatically.

9.0sickn33/antigravity-awesome-skills

TypeScript React Nextui Supabase

Rules

Codebase Overview

2.0PatrickJS/awesome-cursorrules

UpTier

UpTier is a desktop to-do application that combines a clean Microsoft To Do-style interface with the power of Claude AI for intelligent task prioritization. Through the Model Context Protocol (MCP), Claude can analyze your tasks and help you focus on what matters most. Download UpTier for Windows Pre-built installer available. No build required. - Lists & Tasks - Create custom lists, tasks with su

8.0foxintheloop/UpTier

Mobile Developer

Develop React Native, Flutter, or native mobile apps with modern

6.0sickn33/antigravity-awesome-skills

React Components Creation

Rules

Cursor Rules

6.0PatrickJS/awesome-cursorrules

Beefree SDK

Rules

Guidelines and best practices for building applications with [Beefree SDK](https://docs.beefree.io/beefree-sdk), including installation, authentication, configuration, customization, and template management

9.0PatrickJS/awesome-cursorrules

React

Rules

React best practices and patterns for modern web applications

5.0PatrickJS/awesome-cursorrules

Next.js TypeScript

Rules

Holistic understanding of requirements & stack

7.0PatrickJS/awesome-cursorrules

React Chakra UI

Rules

// React + Chakra UI .cursorrules

4.0PatrickJS/awesome-cursorrules

TypeScript Node.js Next.js React UI CSS

Rules

You are an expert in TypeScript, Node.

7.0PatrickJS/awesome-cursorrules

TypeScript Next.js React

Rules

You are an expert in TypeScript, Next.

2.0PatrickJS/awesome-cursorrules

Frontend Patterns

Frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.

6.0sickn33/antigravity-awesome-skills

Next.js React TypeScript

Rules

You are an expert in Solidity, TypeScript, Node.

6.0PatrickJS/awesome-cursorrules

TypeScript Next.js Supabase

Rules

You are an expert in TypeScript, Node.

7.0PatrickJS/awesome-cursorrules

React Styled Components

Rules

// React + Styled Components .cursorrules

4.0PatrickJS/awesome-cursorrules

Stitch to React Components Skill

Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.

9.0google-labs-code/stitch-skills

Vercel Deploy

Deploy applications and websites to Vercel. Use this skill when the user requests deployment actions such as "Deploy my app", "Deploy this to production", "Create a preview deployment", "Deploy and give me the link", or "Push this live". No authentication required - returns preview URL and claimable deployment link.

8.0vercel-labs/agent-skills