React Flow 라이브러리를 사용한 노드 기반 UI 개발 지원. 노드/엣지 생성, 커스터마이징, 레이아웃, 상호작용 구현 시 사용. 항상 최신 문서를 WebFetch로 참조하여 정확한 정보 제공.
Provides React Flow development support for creating node-based UIs with custom nodes, edges, and layouts. Uses WebFetch to reference the latest official documentation for accurate implementation guidance.
/plugin marketplace add jeongsk/claude-skills/plugin install reactflow-helper@jeongsk-claude-skillsThis skill inherits all available tools. When active, it can use any tool Claude has access to.
references/documentation-urls.mdreferences/edge-patterns.mdreferences/layout-patterns.mdreferences/node-patterns.mdreferences/typescript-types.mdReact Flow(@xyflow/react)를 사용한 노드 기반 인터페이스 개발을 지원합니다.
문서가 필요할 때 WebFetch 도구를 사용하여 다음 URL 형식으로 접근:
WebFetch(url: "https://r.jina.ai/https://reactflow.dev/{path}", prompt: "필요한 정보 요청")
| 주제 | URL |
|---|---|
| 학습 가이드 | https://r.jina.ai/https://reactflow.dev/learn |
| API 레퍼런스 | https://r.jina.ai/https://reactflow.dev/api-reference |
| 예제 | https://r.jina.ai/https://reactflow.dev/examples |
| UI 컴포넌트 | https://r.jina.ai/https://reactflow.dev/ui |
https://r.jina.ai/https://reactflow.dev/api-reference/components/{component-name}https://r.jina.ai/https://reactflow.dev/api-reference/hooks/{hook-name}https://r.jina.ai/https://reactflow.dev/examples/{category}/{example-name}사용자: useReactFlow 훅 사용법 알려줘
-> WebFetch로 https://r.jina.ai/https://reactflow.dev/api-reference/hooks/use-react-flow 조회
사용자: 데이터베이스 테이블을 표현하는 노드 만들어줘
-> 최신 커스텀 노드 패턴 확인 후 코드 생성