ai-elements-workflow
✓このスキルは、Vercel AI Elements と React Flow を使用してワークフローの視覚化を構築するためのガイダンスを提供します。これは、Next.js アプリケーションで対話型のノードベースのインターフェイス、ワークフロー図、またはプロセス フローの視覚化を実装するときに使用する必要があります。 Canvas、Node、Edge、Connection、Controls、Panel、および Toolbar コンポーネントをカバーします。
SKILL.md
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- カテゴリ
- >_生産性
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/sstobo/convex-skills
詳細
- カテゴリ
- >_生産性
- ソース
- skills.sh
- 初回登録
- 2026-02-01