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.