·ai-elements-workflow
>_

ai-elements-workflow

Этот навык дает рекомендации по созданию визуализаций рабочих процессов с использованием Vercel AI Elements и React Flow. Его следует использовать при реализации интерактивных интерфейсов на основе узлов, диаграмм рабочих процессов или визуализаций потоков процессов в приложениях Next.js. Охватывает компоненты Canvas, Node, Edge, Connection, Controls, Panel и Toolbar.

15Установки·1Тренд·@sstobo

Установка

$npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow

Как установить ai-elements-workflow

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

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

Источник: sstobo/convex-skills.

This skill provides comprehensive guidance for building workflow visualizations using Vercel AI Elements with React Flow.

Use animated for active paths and temporary for conditional/error paths:

| Custom Node Components | Use NodeHeader, NodeTitle, NodeDescription, NodeContent, NodeFooter for structured layouts | | Node Toolbars | Attach contextual actions to nodes via Toolbar component | | Handle Configuration | Control connections with handles: { target: boolean, source: boolean } |

Этот навык дает рекомендации по созданию визуализаций рабочих процессов с использованием Vercel AI Elements и React Flow. Его следует использовать при реализации интерактивных интерфейсов на основе узлов, диаграмм рабочих процессов или визуализаций потоков процессов в приложениях Next.js. Охватывает компоненты Canvas, Node, Edge, Connection, Controls, Panel и Toolbar. Источник: sstobo/convex-skills.

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

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

Команда установки
npx skills add https://github.com/sstobo/convex-skills --skill ai-elements-workflow
Источник
sstobo/convex-skills
Категория
>_Эффективность
Проверено
Впервые замечено
2026-02-01
Обновлено
2026-03-11

Browse more skills from sstobo/convex-skills

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

Что такое ai-elements-workflow?

Этот навык дает рекомендации по созданию визуализаций рабочих процессов с использованием Vercel AI Elements и React Flow. Его следует использовать при реализации интерактивных интерфейсов на основе узлов, диаграмм рабочих процессов или визуализаций потоков процессов в приложениях Next.js. Охватывает компоненты Canvas, Node, Edge, Connection, Controls, Panel и Toolbar. Источник: sstobo/convex-skills.

Как установить ai-elements-workflow?

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

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

https://github.com/sstobo/convex-skills

Детали

Категория
>_Эффективность
Источник
skills.sh
Впервые замечено
2026-02-01