·svelte-flow

Cree editores basados ​​en nodos, diagramas interactivos y visualizaciones de flujo utilizando Svelte Flow. Úselo al crear editores de flujo de trabajo, diagramas de flujo de datos, organigramas, mapas mentales, visualizaciones de procesos, editores DAG o cualquier interfaz de usuario interactiva de gráficos de nodos. Admite nodos/bordes personalizados, diseños (dagre, jerárquicos), animaciones y funciones avanzadas como conexión de proximidad, bordes flotantes y zoom contextual.

17Instalaciones·0Tendencia·@linehaul-ai

Instalación

$npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow

Cómo instalar svelte-flow

Instala rápidamente el skill de IA svelte-flow en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: linehaul-ai/linehaulai-claude-marketplace.

SKILL.md

Ver original

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:

Cree editores basados ​​en nodos, diagramas interactivos y visualizaciones de flujo utilizando Svelte Flow. Úselo al crear editores de flujo de trabajo, diagramas de flujo de datos, organigramas, mapas mentales, visualizaciones de procesos, editores DAG o cualquier interfaz de usuario interactiva de gráficos de nodos. Admite nodos/bordes personalizados, diseños (dagre, jerárquicos), animaciones y funciones avanzadas como conexión de proximidad, bordes flotantes y zoom contextual. Fuente: linehaul-ai/linehaulai-claude-marketplace.

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-27
Actualizado
2026-03-10

Browse more skills from linehaul-ai/linehaulai-claude-marketplace

Respuestas rápidas

¿Qué es svelte-flow?

Cree editores basados ​​en nodos, diagramas interactivos y visualizaciones de flujo utilizando Svelte Flow. Úselo al crear editores de flujo de trabajo, diagramas de flujo de datos, organigramas, mapas mentales, visualizaciones de procesos, editores DAG o cualquier interfaz de usuario interactiva de gráficos de nodos. Admite nodos/bordes personalizados, diseños (dagre, jerárquicos), animaciones y funciones avanzadas como conexión de proximidad, bordes flotantes y zoom contextual. Fuente: linehaul-ai/linehaulai-claude-marketplace.

¿Cómo instalo svelte-flow?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

https://github.com/linehaul-ai/linehaulai-claude-marketplace