·ai-sdk
</>

ai-sdk

dinequickly/json-renderskill

Vercel AI SDK (コアまたは RSC) を使用してアプリを構築またはリファクタリングします。ツール呼び出しを実装する場合、UI レンダリング用に JSON を返す場合、ツール出力を React コンポーネントにマッピングする場合、または Next.js App Router で @ai-sdk/rsc を使用して UI をストリーミングする場合に使用します。

5インストール·0トレンド·@dinequickly

インストール

$npx skills add https://github.com/dinequickly/json-renderskill --skill ai-sdk

SKILL.md

Overview Use this skill to turn AI SDK tool calls into UI components, either by rendering on the client from tool outputs or streaming UI from the server with RSC.

Vercel AI SDK (コアまたは RSC) を使用してアプリを構築またはリファクタリングします。ツール呼び出しを実装する場合、UI レンダリング用に JSON を返す場合、ツール出力を React コンポーネントにマッピングする場合、または Next.js App Router で @ai-sdk/rsc を使用して UI をストリーミングする場合に使用します。 ソース: dinequickly/json-renderskill。

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dinequickly/json-renderskill --skill ai-sdk インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor などに対応

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/dinequickly/json-renderskill --skill ai-sdk
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-01
更新日
2026-02-18

クイックアンサー

ai-sdk とは?

Vercel AI SDK (コアまたは RSC) を使用してアプリを構築またはリファクタリングします。ツール呼び出しを実装する場合、UI レンダリング用に JSON を返す場合、ツール出力を React コンポーネントにマッピングする場合、または Next.js App Router で @ai-sdk/rsc を使用して UI をストリーミングする場合に使用します。 ソース: dinequickly/json-renderskill。

ai-sdk のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/dinequickly/json-renderskill --skill ai-sdk インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/dinequickly/json-renderskill

詳細

カテゴリ
</>開発ツール
ソース
skills.sh
初回登録
2026-02-01

関連 Skills

なし