Skip to content

README.md

Latest commit

 

History

History
68 lines (47 loc) · 3.15 KB

README.md

File metadata and controls

68 lines (47 loc) · 3.15 KB

React Development

v1.1.20 | Development | 22 iterations

Build production-grade React applications with Next.js App Router, shadcn/ui components, optimized hooks, and Bulletproof React architecture.

What Problem Does This Solve

A comprehensive skill for building modern React applications, covering component architecture, hooks optimization, Next.js patterns, and code quality auditing.

When to Use This Skill

React-specific development patterns including hooks (useState, useEffect, useReducer, useContext), component architecture, state management, shadcn/ui integration, JSX/TSX, React testing, and Bulletproof React auditing.js routing, SSR, or server components (use nextjs-development).

When NOT to Use This Skill

  • Next
  • CSS design systems, Tailwind utilities, or accessibility patterns -- use frontend-design instead

How to Use

Direct invocation:

Use the react-development skill to ...

Natural language triggers -- Claude activates this skill automatically when you mention:

  • react
  • hooks
  • shadcn
  • bulletproof-react

What's Inside

  • Overview
  • Quick Start
  • Section 1: Next.js Architecture
  • Section 2: shadcn/ui Component Architecture
  • Section 3: React Hooks Best Practices
  • Best Practices Summary
  • Resources

Version History

  • 1.1.20 fix(frontend): disambiguate react-development vs nextjs-development vs frontend-design (6c64693)
  • 1.1.19 fix: update plugin count and normalize footer in 31 original plugin READMEs (3ea7c00)
  • 1.1.18 fix: change author field from string to object in all plugin.json files (bcfe7a9)
  • 1.1.17 fix: rename all claude-skills references to skillstack (19ec8c4)
  • 1.1.16 refactor: remove old file locations after plugin restructure (a26a802)
  • 1.1.15 docs: update README and install commands to marketplace format (af9e39c)
  • 1.1.14 refactor: restructure all 34 skills into proper Claude Code plugin format (7922579)
  • 1.1.13 refactor: make each skill an independent plugin with own plugin.json (6de4313)
  • 1.1.12 fix: make all shell scripts executable and fix Python syntax errors (61ac964)
  • 1.1.11 docs: add detailed README documentation for all 34 skills (7ba1274)

Related Skills

  • Api Design -- Comprehensive API design skill for REST, GraphQL, gRPC, and Python library architectures. Design endpoints, schemas, aut...
  • Debugging -- Comprehensive debugging skill combining systematic debugging methodology, browser DevTools automation, E2E testing with ...
  • Frontend Design -- Comprehensive Frontend Design (UI/UX) skill combining UI design systems, component libraries, CSS/Tailwind styling, acce...
  • Mcp Server -- Comprehensive MCP (Model Context Protocol) server development skill. Build, configure, and manage MCP servers using Pyth...
  • Nextjs Development -- Comprehensive Next.js development skill covering App Router (13+/15/16), Server Components, Server Actions, Cache Compon...

Part of SkillStack -- 46 production-grade plugins for Claude Code.