react AI Agent Skills

roier-seo

21.8k

davila7

Technical SEO auditor and fixer. Runs Lighthouse/PageSpeed audits on websites or local dev servers, analyzes SEO/performance/accessibility scores, and automatically implements fixes for meta tags, structured data, Core Web Vitals, and accessibility issues.

remotion

21.8k

davila7

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

langchain

21.8k

davila7

Framework for building LLM-powered applications with agents, chains, and RAG. Supports multiple providers (OpenAI, Anthropic, Google), 500+ integrations, ReAct agents, tool calling, memory management, and vector store retrieval. Use for building chatbots, question-answering systems, autonomous agents, or RAG applications. Best for rapid prototyping and production deployments.

adk-agent-builder

1.5k

jeremylongshore

Build production-ready AI agents using Google's Agent Development Kit with Claude integration, React patterns, multi-agent orchestration, and comprehensive tool libraries

expo-app-design

868

skillcreatorai

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

expo-deployment

868

skillcreatorai

Deploy Expo apps to iOS App Store, Android Play Store, and web.

upgrading-expo

868

skillcreatorai

Guidelines for upgrading Expo SDK versions and fixing dependency issues.

react-best-practices

868

skillcreatorai

React development guidelines with hooks, component patterns, state management, and performance optimization.

web-design-guidelines

868

skillcreatorai

Modern web design principles for responsive layouts, accessibility, and visual hierarchy.

react-best-practices

201

shapeshift

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.

react-server-components-framework

97

yonatangross

Use when building Next.js 16+ apps with React Server Components. Covers App Router, Cache Components (replacing experimental_ppr), streaming SSR, Server Actions, and React 19 patterns for server-first architecture.

zustand-patterns

97

yonatangross

Zustand 5.x state management with slices, middleware, Immer, useShallow, and persistence patterns for React applications. Use when building state management with Zustand.

React Testing Library

71

PramodDutta

Component testing using React Testing Library with user-centric queries, accessibility-focused selectors, and integration testing patterns.

reactive-dashboard-performance

43

curiositech

Expert in building blazing-fast reactive dashboards with comprehensive testing. Masters React performance patterns, testing strategies for async components, and real-world patterns from Linear, Vercel, and Notion.

vitest-testing-patterns

43

curiositech

Write tests using Vitest and React Testing Library. Use this Skill when creating unit tests, component tests, integration tests, or when mocking dependencies. Activates for test file creation, mock patterns, coverage setup, and testing best practices.

native-app-designer

43

curiositech

Creates breathtaking iOS/Mac and web apps with organic, non-AI aesthetic. Expert in SwiftUI, React animations, physics-based motion, and human-crafted design. Use for iOS/Mac app UI, React/Vue animations, native-feel web apps, physics-based motion design. Activate on "SwiftUI", "iOS app", "native app", "React animation", "motion design", "UIKit", "physics animation". NOT for backend logic, API design (use backend-architect), simple static sites (use web-design-expert), or pure graphic design (use design-system-creator).

large-scale-map-visualization

43

curiositech

Master of high-performance web map implementations handling 5,000-100,000+ geographic data points. Specializes in Leaflet.js optimization, Supercluster algorithms, viewport-based loading, canvas rendering, and progressive disclosure UX patterns.

vercel-deployment

43

curiositech

Deploy Next.js applications to Vercel with proper configuration. Use when setting up deployment, configuring environment variables, edge functions, or troubleshooting builds. Activates for deployment issues, environment setup, and Vercel configuration.

nextjs-development

40

manutej

Comprehensive Next.js development skill covering App Router, Server Components, data fetching, routing patterns, API routes, middleware, and full-stack Next.js applications

react-development

40

manutej

Comprehensive React development with hooks, components, state management, context, effects, and performance optimization based on official React documentation

frontend-design

18

LangConfig

Expert guidance for creating production-grade, distinctive frontend interfaces. Use when designing UIs, choosing aesthetics, or building memorable web experiences.

WordPress Block Editor (FSE)

15

bobmatnyc

Modern WordPress block development and Full Site Editing with theme.json, block themes, and custom blocks for WordPress 6.7+

react-state-machines

15

bobmatnyc

Building reusable React state machine skills with XState v5 and the actor model

starknet-react-rules

15

oimiragieo

Specific rules for Starknet React projects, focusing on blockchain integration.

qwik-expert

15

oimiragieo

Qwik framework expert including resumability, lazy loading, and optimization

headlessui

15

bobmatnyc

Headless UI - Unstyled, fully accessible UI components for React and Vue with built-in ARIA patterns

react-best-practices

8

michaelshimeles

Comprehensive React and Next.js performance optimization guide with 40+ rules for eliminating waterfalls, optimizing bundles, and improving rendering. Use when optimizing React apps, reviewing performance, or refactoring components.

frontend-developer

7

louloulin

Modern frontend development expert specializing in React, Vue, Angular, and responsive web applications

nextjs-optimization

6

Atman36

Optimize Next.js 15 applications for performance, Core Web Vitals, and production best practices using App Router patterns

code-review-checklist

4

iamgerwin

Comprehensive code review checklists for backend and frontend code.

expo-app-design

4

ngxtm

Build beautiful cross-platform mobile apps with Expo Router, NativeWind, and React Native.

upgrading-expo

4

ngxtm

Guidelines for upgrading Expo SDK versions and fixing dependency issues.

expo-deployment

4

ngxtm

Deploy Expo apps to iOS App Store, Android Play Store, and web.

ideal-react-component

2

AntJanus

Use when creating React components, structuring component files, organizing component code, debugging React hooks issues, or when asked to "create a React component", "structure this component", "review component structure", "refactor this component", "fix infinite loop", or "useEffect not working". Applies to both TypeScript and JavaScript React components. Includes hooks antipatterns.

remotion

1

juancruzrossi

Best practices and comprehensive guide for Remotion - programmatic video creation in React with animations, compositions, and media handling

nextjs-master

1

fratilanico

Use when building or refactoring Next.js 14+ App Router applications — Server Components, TypeScript patterns, Supabase integration, and performance optimization

react-agent-loop

1

fratilanico

Use when building AI agents that need to reason and act in loops, when an agent needs to use tools iteratively, when implementing memory across agent turns, or when debugging an agent that gets stuck or loops infinitely. Triggers on: ReAct, agent loop, tool use, memory, LangChain, agent stuck.

web3-dapp-scaffold

ZhouXiaoHong

Scaffold a production-ready Web3 DApp frontend with wallet connection, contract interaction, and multi-chain support.

generate-component

ERP-CORE-DEV

Generate React component with TypeScript, tests, and styles

apex-os-bad-boy

fratilanico

The ultimate agent productivity system - 45+ skills with intelligent recommendations, risk-based planning levels, and systematic workflows for maximum efficiency.