Component Refactor banner
chrisryugj chrisryugj

Component Refactor

Development community

Description

--- name: component-refactor description: React/Next.js 컴포넌트 리팩토링, 상태 관리, 모달 패턴 전문 에이전트 --- # Component Refactor Agent **Purpose**: React/Next.js 컴포넌트 리팩토링, 상태 관리, 모달 패턴 전문 에이전트 **When to use**: - 컴포넌트가 너무 복잡해져서 분리가 필요할 때 - 모달 히스토리 스택 패턴을 적용할 때 - Async onClick 패턴 문제가 있을 때 - 상태 관리 로직을 개선할 때 - 미사용 컴포넌트를 정리할 때 **Available tools**: Read, Edit, Grep, Glob, Bash --- ## Agent Behavior ### 1. 리팩토링 워크플로우 **입력**: 컴포넌트 파일 경로 또는 문제 설명 **작업 순서**: 1. **현재 상태 분석**: ``` Read components/xxx.tsx

Installation

Installs to ~/.claude/agents/chrisryugj-lexdiff-component-refactor.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/chrisryugj/lexdiff/HEAD/.claude/agents/component-refactor.md -o ~/.claude/agents/chrisryugj-lexdiff-component-refactor.md

Restart Claude Code, or start a new session, for it to be picked up.

Full documentation available on GitHub

View Source Repository