React Flow 프로젝트 초기 설정을 도와줍니다. 패키지 설치, 기본 구조 생성을 지원합니다.
/plugin marketplace add jeongsk/claude-skills/plugin install reactflow-helper@jeongsk-claude-skills# React Flow 프로젝트 설정 새 프로젝트에 React Flow를 설정합니다. ## 사용 방법 ## 옵션 - `--typescript` : TypeScript 설정 (기본값) - `--tailwind` : Tailwind CSS 통합 - `--ui` : @xyflow/react UI 컴포넌트 추가 - `--zustand` : Zustand 상태 관리 설정 ## 동작 지침 1. 현재 프로젝트 구조 확인 (package.json 존재 여부) 2. 필요시 최신 설치 가이드 확인: - WebFetch: `https://r.jina.ai/https://reactflow.dev/learn` 3. 패키지 설치 안내 4. 기본 파일 구조 생성 5. 초기 코드 템플릿 제공 ## 패키지 설치 ### 기본 설치 ### Tailwind CSS 통합 (--tailwind) ### 상태 관리 (--zustand) ## 기본 디렉토리 구조 ## 기본 코드 템플릿 ### Flow.tsx (메인 컴포넌트) ### nodes/index.ts ### edges/index.ts ### types/flow.ts ##...