ai-elements とは?
確立されたコンポーザブル パターン、shadcn/ui 統合、Vercel AI SDK 規約に従って、ai-elements ライブラリ用の新しい AI チャット インターフェイス コンポーネントを作成します。 package/elements/src に新しいコンポーネントを作成する場合、またはユーザーが新しいコンポーネントを ai-elements に追加するように要求する場合に使用します。 ソース: vercel-labs/vercel-skills。
確立されたコンポーザブル パターン、shadcn/ui 統合、Vercel AI SDK 規約に従って、ai-elements ライブラリ用の新しい AI チャット インターフェイス コンポーネントを作成します。 package/elements/src に新しいコンポーネントを作成する場合、またはユーザーが新しいコンポーネントを ai-elements に追加するように要求する場合に使用します。
コマンドラインで ai-elements AI スキルを開発環境にすばやくインストール
ソース: vercel-labs/vercel-skills。
AI Elements is a component library and custom registry built on top of shadcn/ui to help you build AI-native applications faster. It provides pre-built components like conversations, messages and more.
Installing AI Elements is straightforward and can be done in a couple of ways. You can use the dedicated CLI command for the fastest setup, or integrate via the standard shadcn/ui CLI if you've already adopted shadcn's workflow.
Here are some basic examples of what you can achieve using components from AI Elements.
確立されたコンポーザブル パターン、shadcn/ui 統合、Vercel AI SDK 規約に従って、ai-elements ライブラリ用の新しい AI チャット インターフェイス コンポーネントを作成します。 package/elements/src に新しいコンポーネントを作成する場合、またはユーザーが新しいコンポーネントを ai-elements に追加するように要求する場合に使用します。 ソース: vercel-labs/vercel-skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/vercel-labs/vercel-skills --skill ai-elements確立されたコンポーザブル パターン、shadcn/ui 統合、Vercel AI SDK 規約に従って、ai-elements ライブラリ用の新しい AI チャット インターフェイス コンポーネントを作成します。 package/elements/src に新しいコンポーネントを作成する場合、またはユーザーが新しいコンポーネントを ai-elements に追加するように要求する場合に使用します。 ソース: vercel-labs/vercel-skills。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/vercel-labs/vercel-skills --skill ai-elements インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/vercel-labs/vercel-skills