Skills
.Work. You
Rest

react-01-plan

Community

Plan React features and architecture end-to-end.

Software Engineering#architecture#react#monorepo#plan#state-management#nx#feature-library
Authortak-bro
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill provides a structured plan to design and implement a React project, ensuring consistent architecture, state management, and feature library decisions before coding.

Core Features & Use Cases

  • Phase-based planning: Explore, Rethink, and Boundaries with clear deliverables.
  • Architecture decisions: Component → Hook → API data flow, state management (TanStack Query, Zustand), and monorepo structure.
  • Scope alignment: Map features to feature library, data-flow design, and coding standards.
  • Use Case: A team starting a new React app uses this skill to outline required libs, folder structure, and key hooks before writing code.

Quick Start

Provide a concise plan output for a new React project: determine the feature library placement, data flow design, and state management strategy, then outline the deliverables and milestones.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: react-01-plan
Download link: https://github.com/tak-bro/claude-code/archive/main.zip#react-01-plan

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.