react-flow-node-ts
✓TypeScript タイプ、ハンドル、Zustand 統合を使用して React Flow ノード コンポーネントを作成します。 React Flow キャンバスのカスタム ノードを構築する場合、ビジュアル ワークフロー エディターを作成する場合、またはノードベースの UI コンポーネントを実装する場合に使用します。
SKILL.md
Create React Flow node components following established patterns with proper TypeScript types and store integration.
TypeScript タイプ、ハンドル、Zustand 統合を使用して React Flow ノード コンポーネントを作成します。 React Flow キャンバスのカスタム ノードを構築する場合、ビジュアル ワークフロー エディターを作成する場合、またはノードベースの UI コンポーネントを実装する場合に使用します。 ソース: microsoft/agent-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/microsoft/agent-skills --skill react-flow-node-ts インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/microsoft/agent-skills --skill react-flow-node-ts- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-01
- 更新日
- 2026-02-18
クイックアンサー
react-flow-node-ts とは?
TypeScript タイプ、ハンドル、Zustand 統合を使用して React Flow ノード コンポーネントを作成します。 React Flow キャンバスのカスタム ノードを構築する場合、ビジュアル ワークフロー エディターを作成する場合、またはノードベースの UI コンポーネントを実装する場合に使用します。 ソース: microsoft/agent-skills。
react-flow-node-ts のインストール方法は?
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/microsoft/agent-skills --skill react-flow-node-ts インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります
ソースリポジトリはどこですか?
https://github.com/microsoft/agent-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-01