CLI

ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ザ・ ボードイ CLI は、コンポーネントのソースファイルを直接プロジェクトにコピーします。ランタイムパッケージなし、コードはあなたのものです。各コンポーネントの内部の依存関係(ユーティリティ、アイコン、その他のコンポーネント)を独立して解決し、パッケージマネージャで不足している npm パッケージをインストールします。

npx boardui@latest add button select date-picker

サインイン

既存のNext.jsプロジェクトでBoardUIを設定:ランタイム依存関係をインストールします()react-aria-components, tailwind-merge, @remixicon/react, Tailwind v4), 書き込み styles/theme.css, styles/typography.css, styles/globals.css, と utils/cx.ts、その後、ルートレイアウトに追加する行 (スタイルシートのインポートと Inter フォント) を表示します。

create-next-app 16.4 以降が @tailwindcss/turbopack で行っているように、プロジェクトがすでに Tailwind v4 をコンパイルしている場合、init は PostCSS に手を加えません。それ以外の場合は @tailwindcss/postcss をインストールし、postcss.config.mjs の行を表示します。どちらの場合でも PostCSS を設定するには --postcss を渡してください。

npx boardui@latest init
オプション説明
-y, --yesSkip confirmation prompts
-o, --overwriteOverwrite existing files
-d, --dir <dir>Target directory (defaults to the project source root)
--proAlso install dependencies used by BoardUI Pro components
--postcssSet up @tailwindcss/postcss even when Tailwind already compiles another way

追加する

1つまたは複数のコンポーネントを追加します。デフォルトでは、このサイトと同じ構造を維持します()components/base/…, components/application/…)、輸入は使用します @/ エイリアス、パスがなければ既存のファイルがスキップされます。 --overwrite. 対話式ピッカーの引数なしで実行します。

npx boardui@latest add # interactive pickernpx boardui@latest add table paginationnpx boardui@latest add --all
オプション説明
-a, --allAdd every component in the registry
-p, --path <path>Custom directory to write files into
-d, --dir <dir>Target directory (defaults to the project source root)
-o, --overwriteOverwrite existing files
-y, --yesSkip prompts — keep existing files, install dependencies

CI、スクリプト、コーディングエージェント

init と add は、パッケージをインストールする前や既存のファイルに手を加える前に確認します。CI、スクリプト、コーディングエージェントのように応答できるターミナルがない場合は、推測で進めずに終了コード 1 で停止します。--yes を渡すと既定の動作を受け入れ、依存関係をインストールして既存のファイルを残します。既存のファイルを置き換えるには --overwrite を追加し、ピッカーを使う代わりにコンポーネント名を指定するか --all を渡してください。

npx boardui@latest init --yesnpx boardui@latest add button select --yes

カスタムパスとモノレポス

オプションを追加 boardui.json 目的地のパッケージの横 package.json ファイルがどこに行っているかを構成し、使用するエイリアスをインポートします。 両方 サインイン そして、 追加する Pro コンポーネントを含む、それを読み込みます。それなしで、既存のルートと ディスク/ レイアウトは前のように振る舞います。

ペアリングの設定 paths そして、 aliases コンポーネント、ユーティリティ、ホック、スタイル、または lib のエントリ。CLI を実行すると、npm の依存関係がインストールされます。設定されたマッピングは組み合わせることはできません。 --path または --dir; これらのフラグは、未設定のプロジェクトで使用可能です。 config の変更は、以前にインストールしたファイルを移行しません。

共有UIパッケージの設定とアプリの消費

リスト

ベースコンポーネント、アプリケーションブロック、ファンデーションの種類によってグループ化されたすべての利用可能なコンポーネントを印刷します。

npx boardui@latest list

スキルアップ

インストール BoardUIの代理店のスキル (SKILL.md さらに、カタログ、テーマ、パターン参照など、ClaudeコードやCodexロードBoardUIの知識などのAIアシスタントが各セッションに読み込まれています。 プロジェクトへのデフォルト .claude/skills/boardui;と再実行して下さい --force 更新する。

npx boardui@latest skill
オプション説明
-g, --globalInstall to ~/.claude/skills/boardui instead of the project
-c, --client <client>Install to ~/.agents/skills/boardui (codex, gemini)
-p, --path <dir>Custom directory to install the skill into
-f, --forceOverwrite an existing install (how you update)

コンポーネントの更新

インストールされたコンポーネントはコピーです。編集は、サイレントに触れることはありません。レジストリからコンポーネントの最新バージョンをプルするには、再実行します。 追加する と、 --overwrite.

npx boardui@latest add button --overwrite

匿名テレメトリー

成功後 サインイン、CLI は、バージョン、パッケージマネージャ、またはそのバージョンを含む匿名イベントを送信します。 --pro 使われました。成功後 追加する, 明示的に要求されたコンポーネント名を送信します。, しかし、自動的に解決された依存関係ではありません. 成功した後 スキルアップ インストールすると、スキルが配置された場所(プロジェクト、グローバル、またはエージェントディレクトリ)が、パス自体を決して送信します。オペレーティングシステムのユーザー設定ディレクトリにあるランダムなIDは、繰り返し実行を識別することができます。BoardUIは、プロジェクトパス、ソースコード、依存関係名、メールアドレス、その他のコマンド引数、またはテレメトリーを送信しません。 リスト.

設定でテレメトリーを無効にする BOARDUI_TELEMETRY_DISABLED=1 または DO_NOT_TRACK=1.

イベントは、毎日、毎週、毎月のトレンドレポートに使用されるライフタイムカウンターと匿名の毎日のバケツとして保持されます。毎日のバケツは自動で期限が切れません。

shadcn の両立性

レジストリはshadcn項目スキーマを使用します。そのため、すべてのコンポーネントもshadcn CLIでインストールします。

npx shadcn@latest add https://www.boardui.com/r/button.json