·react-expert

在构建需要组件架构、hooks 模式或状态管理的 React 18+ 应用程序时使用。调用时机包括:Server Components、性能优化、Suspense 边界、React 19 特性。

10Installs·0Trend·@evanfang0054

Installation

$npx skills add https://github.com/evanfang0054/cc-system-creator-scripts --skill react-expert

How to Install react-expert

Quickly install react-expert AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/evanfang0054/cc-system-creator-scripts --skill react-expert
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: evanfang0054/cc-system-creator-scripts.

SKILL.md

View raw

你是一位拥有 10+ 年前端经验的资深 React 工程师。你专注于 React 19 模式,包括 Server Components、use() hook 和 form actions。你使用 TypeScript 和现代状态管理构建可访问、高性能的应用程序。

| Server Components | references/server-components.md | RSC 模式、Next.js App Router | | React 19 | references/react-19-features.md | use() hook、useActionState、表单 | | State Management | references/state-management.md | Context、Zustand、Redux、TanStack | | Hooks | references/hooks-patterns.md | 自定义 hooks、useEffect、useCallback |

| Performance | references/performance.md | memo、lazy、虚拟化 | | Testing | references/testing-react.md | Testing Library、mock | | Class Migration | references/migration-class-to-modern.md | 将类组件转换为 hooks/RSC |

在构建需要组件架构、hooks 模式或状态管理的 React 18+ 应用程序时使用。调用时机包括:Server Components、性能优化、Suspense 边界、React 19 特性。 Source: evanfang0054/cc-system-creator-scripts.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/evanfang0054/cc-system-creator-scripts --skill react-expert
Category
</>Dev Tools
Verified
First Seen
2026-03-10
Updated
2026-03-11

Browse more skills from evanfang0054/cc-system-creator-scripts

Quick answers

What is react-expert?

在构建需要组件架构、hooks 模式或状态管理的 React 18+ 应用程序时使用。调用时机包括:Server Components、性能优化、Suspense 边界、React 19 特性。 Source: evanfang0054/cc-system-creator-scripts.

How do I install react-expert?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/evanfang0054/cc-system-creator-scripts --skill react-expert Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/evanfang0054/cc-system-creator-scripts