react-flow-implementation

SKILL.md

| nodrag | Prevent dragging when clicking element | | nowheel | Prevent zoom on wheel events | | nopan | Prevent panning from element | | nokey | Prevent keyboard events (use on inputs) |

See ADDITIONALCOMPONENTS.md for MiniMap, Controls, Background, NodeToolbar, NodeResizer.

@xyflow/react를 사용하여 React Flow 노드 기반 UI를 올바르게 구현합니다. React를 사용하여 순서도, 다이어그램, 시각적 편집기 또는 노드 기반 애플리케이션을 구축할 때 사용합니다. 노드, 가장자리, 핸들, 사용자 정의 구성 요소, 상태 관리 및 뷰포트 제어를 다룹니다. 출처: existential-birds/beagle.

터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/existential-birds/beagle --skill react-flow-implementation 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다

원본 보기