Skip to main content

React Skills

Discover 100+ skills for React — hooks, components, state management, Next.js, SSR and performance optimization

Install any skill with /learn

/learn @owner/skill-name

Browse React Skills

obra obra / writing-skills

3.01
87.3K

Facilitates the creation and verification of AI skills using a test-driven development approach for effective documentation.

claudeclaude-codecodexcontent-mediafrontenddesign +8
95

obra obra / receiving-code-review

87.3K

Guides developers on effectively receiving and verifying code review feedback to ensure technical correctness and clarity.

claudedevelopmentfrontendreact +2
100

affaan-m affaan-m / api-design

78.9K

Covers best practices for designing REST APIs, including resource naming, status codes, and error handling for robust API development.

cursordevelopmentfrontenddesign +2
95

affaan-m affaan-m / security-review

78.9K

Ensures code adheres to security best practices, providing a comprehensive checklist for authentication, input validation, and sensitive data handling.

developmentsupabasevercelfrontendsupabase +6
90

affaan-m affaan-m / tdd-workflow

78.9K

Enforces test-driven development principles with comprehensive test coverage for new features, bug fixes, and code refactoring.

developmentplaywrightfrontendplaywright +6
100

affaan-m affaan-m / backend-patterns

78.9K

Provides best practices for backend architecture, API design, and database optimization in Node.js, Express, and Next.js.

developmentsupabaseredisfrontenddesign +2
100

affaan-m affaan-m / coding-standards

78.9K

Establishes universal coding standards and best practices for TypeScript, JavaScript, React, and Node.js development.

developmentfrontendsupabase
100

affaan-m affaan-m / frontend-patterns

78.9K

Provides modern frontend development patterns for React and Next.js, focusing on state management, performance optimization, and UI best practices.

developmentfrontendreact
100

affaan-m affaan-m / configure-ecc

78.9K

Guides users through the interactive installation of skills and rules for Everything Claude Code, optimizing paths and verifying installations.

claudeclaude-codedevelopmentfrontendplaywright +4
43

davila7 davila7 / frontend-patterns

22.3K

Provides modern frontend development patterns for React and Next.js, focusing on state management and UI optimization.

github-copilotcodexchatgptdevelopmentfrontendreact +5
79

garrytan garrytan / qa

15.3K

Systematically tests web applications to identify bugs and ensure quality, producing structured reports with evidence.

claudeclinedevelopmentfrontendplaywright +4
0

garrytan garrytan / ship

15.3K

Automates the shipping workflow by merging branches, running tests, and creating pull requests without user interaction.

claudeclaude-codeclinedevelopmentfrontenddesign +3
74

coreyhaines31 coreyhaines31 / schema-markup

13.8K

Helps implement and optimize schema markup for enhanced search results, improving visibility and click-through rates.

claudemarketingfrontendreact
100

openclaw openclaw / chat-ui

2.2K

Provides React/Next.js components for building custom chat UIs, enhancing messaging interfaces and AI assistants.

openclawdevelopmentfrontendreact
93

jeremylongshore jeremylongshore / react-component-generator

1.5K

Automates the generation of React components, providing step-by-step guidance and production-ready code for frontend development.

claude-codecursorwindsurfdevelopmentfrontendreact +5
100

jeremylongshore jeremylongshore / styled-components-helper

1.5K

Provides automated assistance for styled components in frontend development, generating production-ready code and best practices.

claude-codecursorwindsurfdevelopmentfrontendreact +5
100

jeremylongshore jeremylongshore / zustand-store-creator

1.5K

Automates the creation of Zustand stores, providing guidance and production-ready code for frontend development tasks.

claude-codecursorwindsurfdevelopmentfrontendreact +5
100

jeremylongshore jeremylongshore / react-context-setup

1.5K

Automates the setup of React Context, providing step-by-step guidance and generating production-ready code for frontend development.

claude-codecursorwindsurfdevelopmentfrontendreact +5
100

skillcreatorai skillcreatorai / react-best-practices

890

Provides guidelines for React development, focusing on hooks, component patterns, state management, and performance optimization.

claude-codecursorwindsurfdevelopmentreact +4
100

Dicklesworthstone Dicklesworthstone / react-context-setup

508

Automates the setup of React context operations, providing step-by-step guidance and generating production-ready code for frontend development.

claude-codecursorwindsurfdevelopmentfrontendreact +5
100