·react-flow
</>

react-flow

React Flow (@xyflow/react) для визуализации рабочего процесса с настраиваемыми узлами и краями. Используйте при построении визуализаций графов, создании пользовательских узлов рабочего процесса, реализации меток ребер или управлении областью просмотра. Триггеры на ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView.

316Установки·2Тренд·@existential-birds

Установка

$npx skills add https://github.com/existential-birds/beagle --skill react-flow

Как установить react-flow

Быстро установите AI-навык react-flow в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/existential-birds/beagle --skill react-flow
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: existential-birds/beagle.

React Flow (@xyflow/react) is a library for building node-based graphs, workflow editors, and interactive diagrams. It provides a highly customizable framework for creating visual programming interfaces, process flows, and network visualizations.

Nodes are the building blocks of the graph. Each node has:

Handles are connection points on nodes. Use Position enum for placement:

React Flow (@xyflow/react) для визуализации рабочего процесса с настраиваемыми узлами и краями. Используйте при построении визуализаций графов, создании пользовательских узлов рабочего процесса, реализации меток ребер или управлении областью просмотра. Триггеры на ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. Источник: existential-birds/beagle.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/existential-birds/beagle --skill react-flow
Источник
existential-birds/beagle
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-10

Browse more skills from existential-birds/beagle

Короткие ответы

Что такое react-flow?

React Flow (@xyflow/react) для визуализации рабочего процесса с настраиваемыми узлами и краями. Используйте при построении визуализаций графов, создании пользовательских узлов рабочего процесса, реализации меток ребер или управлении областью просмотра. Триггеры на ReactFlow, @xyflow/react, Handle, NodeProps, EdgeProps, useReactFlow, fitView. Источник: existential-birds/beagle.

Как установить react-flow?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/existential-birds/beagle --skill react-flow После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/existential-birds/beagle

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-01