React Flow 커스텀 엣지를 생성합니다. 애니메이션, 라벨, 버튼 등을 지원합니다.
/plugin marketplace add jeongsk/claude-skills/plugin install reactflow-helper@jeongsk-claude-skills# React Flow 엣지 생성 커스텀 엣지 컴포넌트를 생성합니다. ## 사용 방법 ## 옵션 - `--type` : 기본 경로 타입 (bezier, smoothstep, step, straight) - `--animated` : 애니메이션 엣지 - `--label` : 엣지 라벨 포함 - `--button` : 삭제/액션 버튼 포함 ## 동작 지침 1. 엣지 이름과 옵션 파싱 2. 필요시 최신 문서 확인: - WebFetch: `https://r.jina.ai/https://reactflow.dev/learn/customization/custom-edges` 3. 엣지 컴포넌트 코드 생성 4. edgeTypes 등록 방법 안내 ## 생성 템플릿 ### 기본 커스텀 엣지 ### 라벨이 있는 엣지 (--label) ### 버튼이 있는 엣지 (--button) ## 경로 유틸리티 | 함수 | 용도 | |------|------| | `getBezierPath` | 베지어 곡선 (기본) | | `getSmoothStepPath` | 부드러운 계단형 | | `getSimpleBezierPath` | 단순 베지어 | |...