react-hooks とは？
@livekit/components-react の LiveKit フックを使用してカスタム React UI を構築します。このスキルは、エージェントの状態、参加者、トラック、チャット、データ チャネルを低レベルで制御する必要がある場合に使用します。事前に構築された UI コンポーネントの場合は、代わりに livekit-agents-ui スキルを使用してください。 ソース: codestackr/livekit-skills。
·react-hooks
</>
react-hooks
✓@livekit/components-react の LiveKit フックを使用してカスタム React UI を構築します。このスキルは、エージェントの状態、参加者、トラック、チャット、データ チャネルを低レベルで制御する必要がある場合に使用します。事前に構築された UI コンポーネントの場合は、代わりに livekit-agents-ui スキルを使用してください。
react-hooks のインストール方法
コマンドラインで react-hooks AI スキルを開発環境にすばやくインストール
- ターミナルを開く: ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます
- インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/codestackr/livekit-skills --skill react-hooks
- インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソース: codestackr/livekit-skills。
SKILL.md
原文を見るBuild custom React UIs for realtime audio/video applications with LiveKit hooks.
This skill works alongside the LiveKit MCP server, which provides direct access to the latest LiveKit documentation, code examples, and changelogs. Use these tools when you need up-to-date information that may have changed since this skill was created.
Use MCP tools and local references together for the best experience.
@livekit/components-react の LiveKit フックを使用してカスタム React UI を構築します。このスキルは、エージェントの状態、参加者、トラック、チャット、データ チャネルを低レベルで制御する必要がある場合に使用します。事前に構築された UI コンポーネントの場合は、代わりに livekit-agents-ui スキルを使用してください。 ソース: codestackr/livekit-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/codestackr/livekit-skills --skill react-hooks- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-27
- 更新日
- 2026-03-11
クイックアンサー
react-hooks のインストール方法は？
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/codestackr/livekit-skills --skill react-hooks インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/codestackr/livekit-skills