Svelte Flow를 사용하여 노드 기반 편집기, 대화형 다이어그램 및 흐름 시각화를 구축하세요. 워크플로 편집기, 데이터 흐름 다이어그램, 조직도, 마인드맵, 프로세스 시각화, DAG 편집기 또는 대화형 노드 그래프 UI를 만들 때 사용합니다. 사용자 정의 노드/에지, 레이아웃(다그레, 계층적), 애니메이션 및 근접 연결, 플로팅 에지, 상황별 확대/축소와 같은 고급 기능을 지원합니다.
명령줄에서 svelte-flow AI 스킬을 개발 환경에 빠르게 설치
출처: linehaul-ai/linehaulai-claude-marketplace.
Expert guide for building node-based UIs with Svelte Flow (@xyflow/svelte).
Critical: Nodes and edges are immutable. Create new objects to trigger updates.
Edges that dynamically connect to the closest point on node boundaries:
Svelte Flow를 사용하여 노드 기반 편집기, 대화형 다이어그램 및 흐름 시각화를 구축하세요. 워크플로 편집기, 데이터 흐름 다이어그램, 조직도, 마인드맵, 프로세스 시각화, DAG 편집기 또는 대화형 노드 그래프 UI를 만들 때 사용합니다. 사용자 정의 노드/에지, 레이아웃(다그레, 계층적), 애니메이션 및 근접 연결, 플로팅 에지, 상황별 확대/축소와 같은 고급 기능을 지원합니다. 출처: linehaul-ai/linehaulai-claude-marketplace.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flowBrowse more skills from linehaul-ai/linehaulai-claude-marketplace
Svelte Flow를 사용하여 노드 기반 편집기, 대화형 다이어그램 및 흐름 시각화를 구축하세요. 워크플로 편집기, 데이터 흐름 다이어그램, 조직도, 마인드맵, 프로세스 시각화, DAG 편집기 또는 대화형 노드 그래프 UI를 만들 때 사용합니다. 사용자 정의 노드/에지, 레이아웃(다그레, 계층적), 애니메이션 및 근접 연결, 플로팅 에지, 상황별 확대/축소와 같은 고급 기능을 지원합니다. 출처: linehaul-ai/linehaulai-claude-marketplace.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/linehaul-ai/linehaulai-claude-marketplace