·svelte-flow

Créez des éditeurs basés sur des nœuds, des diagrammes interactifs et des visualisations de flux à l'aide de Svelte Flow. À utiliser lors de la création d'éditeurs de flux de travail, de diagrammes de flux de données, d'organigrammes, de cartes mentales, de visualisations de processus, d'éditeurs DAG ou de toute interface utilisateur interactive de graphique de nœuds. Prend en charge les nœuds/bords personnalisés, les mises en page (dagre, hiérarchique), les animations et les fonctionnalités avancées telles que la connexion de proximité, les bords flottants et le zoom contextuel.

17Installations·0Tendance·@linehaul-ai

Installation

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

Comment installer svelte-flow

Installez rapidement le skill IA svelte-flow dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : 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:

Créez des éditeurs basés sur des nœuds, des diagrammes interactifs et des visualisations de flux à l'aide de Svelte Flow. À utiliser lors de la création d'éditeurs de flux de travail, de diagrammes de flux de données, d'organigrammes, de cartes mentales, de visualisations de processus, d'éditeurs DAG ou de toute interface utilisateur interactive de graphique de nœuds. Prend en charge les nœuds/bords personnalisés, les mises en page (dagre, hiérarchique), les animations et les fonctionnalités avancées telles que la connexion de proximité, les bords flottants et le zoom contextuel. Source : linehaul-ai/linehaulai-claude-marketplace.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-27
Mis à jour
2026-03-10

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

Réponses rapides

Qu'est-ce que svelte-flow ?

Créez des éditeurs basés sur des nœuds, des diagrammes interactifs et des visualisations de flux à l'aide de Svelte Flow. À utiliser lors de la création d'éditeurs de flux de travail, de diagrammes de flux de données, d'organigrammes, de cartes mentales, de visualisations de processus, d'éditeurs DAG ou de toute interface utilisateur interactive de graphique de nœuds. Prend en charge les nœuds/bords personnalisés, les mises en page (dagre, hiérarchique), les animations et les fonctionnalités avancées telles que la connexion de proximité, les bords flottants et le zoom contextuel. Source : linehaul-ai/linehaulai-claude-marketplace.

Comment installer svelte-flow ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/linehaul-ai/linehaulai-claude-marketplace --skill svelte-flow Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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