mdskills
← All tags

React AI Agent Skills

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

104 listings

Python FastAPI Scalable API

Rules

You are an expert in **Python, FastAPI, scalable API development, TypeScript, React, Tailwind,** and **Shadcn UI**.

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

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

3.0public-ui/kolibri

Baseline UI

Validates animation durations, enforces typography scale, checks component accessibility, and prevents layout anti-patterns in Tailwind CSS projects. Use when building UI components, reviewing CSS utilities, styling React views, or enforcing design consistency.

9.0ibelick/ui-skills

Aeo Optimization

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

9.0alinaqi/claude-bootstrap

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

8.0vercel-labs/agent-skills

React Analyzer MCP

MCP Server

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.0azer/react-analyzer-mcp

Reflag

Feature flags for SaaS that run on TypeScript. Learn more and get started Client side React SDK Read the docs React Native SDK for mobile apps Read the docs Client side Vue SDK Read the docs Browser SDK for use in non-React web applications Read the docs Node.js SDK for use on the server side. Use this for Cloudflare Workers as well. Read the docs CLI to interact with Reflag and generate types Rea

2.0reflagcom/javascript

Awesome Ionic MCP server

MCP Server

Your comprehensive Ionic coding companion powered by the Model Context Protocol (MCP). This intelligent server provides seamless access to Ionic Framework components, Capacitor plugins, developer resources, and CLI command execution to accelerate your mobile app development workflow. Whether you're building cross-platform applications with React, Angular, Vue, or Vanilla JavaScript, this MCP serve

8.0Tommertom/awesome-ionic-mcp

Himalayas Remote Jobs MCP Server

MCP Server

Access thousands of remote job listings and company information directly from your AI coding assistant! This public MCP server provides real-time access to Himalayas.app's remote job database. 🌐 Public Server URL: https://mcp.himalayas.app/sse Search for specific jobs using keywords with advanced filtering. Parameters: - keyword (string, optional): Search term (e.g., 'Python', 'React', 'Product M

6.0Himalayas-App/himalayas-mcp

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

6.0aymericzip/intlayer

MCP Manager for Claude Desktop

MCP Server

MCP Manager for Claude Desktop A simple web GUI to manage Model Context Protocol (MCP) servers for the Claude Desktop app on MacOS easily. Just follow the instructions and paste a few commands to give your Claude app instant superpowers. The Model Context Protocol (MCP) enables Claude to access private data, APIs, and other services to answer questions and perform actions on your behalf. Learn mor

4.0zueai/mcp-manager

React Components Creation

Rules

Cursor Rules

6.0PatrickJS/awesome-cursorrules

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

8.0wenerme/wode

Shadcn UI v4 MCP Server

MCP Server

A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to shadcn/ui v4 components, blocks, demos, and metadata. Seamlessly retrieve React, Svelte, Vue, and React Native implementations for your AI-powered development workflow. - 🎯 Multi-Framework Support - React, Svelte, Vue, and React Native implementations - πŸ“¦ Component Source Code - Latest shadcn/ui v4 Typ

8.0Jpisnice/shadcn-ui-mcp-server

Web3 Jobs MCP Server

MCP Server

An MCP server that provides AI agents with real-time access to curated Web3 jobs from web3.career, enabling intelligent job discovery and career insights. - Job Query Tool: Filter Web3 jobs by: - Remote status (remote=True for remote-only jobs) - Country (e.g., "United States", case-insensitive) - Job tag (e.g., "react", "blockchain", case-insensitive) - Limit (1–100 jobs, default 50) - Markdown O

7.0kukapay/web3-jobs-mcp

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

8.0pfillion42/memviz

Instagram MCP Server

MCP Server

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.0arjun1194/insta-mcp

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

Crypto Liquidations MCP

MCP Server

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

7.0kukapay/crypto-liquidations-mcp

React TypeScript Symfony

Rules

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

3.0PatrickJS/awesome-cursorrules

React Native Expo Router TypeScript Windows

Rules

// React Native Expo .cursorrules

6.0PatrickJS/awesome-cursorrules

React Query

Rules

// React + React Query .cursorrules

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