@bovinphang/frontend-craft 2.5.0 → 2.7.0

package/docs/ja-JP/README.md

@@ -8,7 +8,7 @@
 
 [![Stars](https://img.shields.io/github/stars/bovinphang/frontend-craft?style=flat)](https://github.com/bovinphang/frontend-craft/stargazers)
 [![CI](https://github.com/bovinphang/frontend-craft/actions/workflows/ci.yml/badge.svg)](https://github.com/bovinphang/frontend-craft/actions/workflows/ci.yml)
-[![npm version](https://img.shields.io/npm/v/frontend-craft)](https://www.npmjs.com/package/frontend-craft)
+[![npm version](https://img.shields.io/npm/v/@bovinphang/frontend-craft)](https://www.npmjs.com/package/@bovinphang/frontend-craft)
 [![License](https://img.shields.io/badge/license-MIT-blue.svg)](../../LICENSE)
 ![Node](https://img.shields.io/badge/Node.js-22+-5FA04E?logo=node.js&logoColor=white)
 ![TypeScript](https://img.shields.io/badge/-TypeScript-3178C6?logo=typescript&logoColor=white)
@@ -32,7 +32,7 @@
 
 各ランタイムのパスと注意事項は [`docs/runtimes/`](../runtimes/) にあります。
 
-**13 の専門エージェント**、**40 の自動起動スキル**、**8 のスラッシュコマンド**、**5 のイベント駆動フック**、6 つのデザインツールエンドポイント向け **MCP 統合**、そして完全な**ルールライブラリ**をひとつのパッケージにまとめています。コマンドひとつ実行するだけで、チームのすべての AI セッションが React、Vue、Next.js、Nuxt を同じように書きます——型安全で、アクセシブルで、セキュアで、一貫性を持って。
+**13 の専門エージェント**、**45 の自動起動スキル**、**8 のスラッシュコマンド**、**5 のイベント駆動フック**、6 つのデザインツールエンドポイント向け **MCP 統合**、そして完全な**ルールライブラリ**をひとつのパッケージにまとめています。コマンドひとつ実行するだけで、チームのすべての AI セッションが React、Vue、Next.js、Nuxt を同じように書きます——型安全で、アクセシブルで、セキュアで、一貫性を持って。
 
 ---
 
@@ -40,7 +40,7 @@
 
 | 課題                                                                          | frontend-craft の解決策                                                                                        |
 | ----------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------- |
-| AI アシスタントが一貫性のない、型なしの、安全でないフロントエンドコードを書く | **40 のスキル**がチーム標準をエンコード——該当ファイルに触れると自動起動                                        |
+| AI アシスタントが一貫性のない、型なしの、安全でないフロントエンドコードを書く | **45 のスキル**がチーム標準をエンコード——該当ファイルに触れると自動起動                                        |
 | AI ツールごとにプラグイン形式が異なる                                         | **ひとつの CLI** で同じルール、エージェント、フックを 15 のランタイムにインストール                            |
 | デザインからコードへの受け渡しで情報が失われる                                | **MCP 統合**が Figma、Figma Desktop、Sketch、MasterGo、Pixso、墨刀からより豊富なデザインコンテキストを取り込み |
 | レビューが場当たり的で浅い                                                    | **13 のエージェント**がグレード付きレポートを出力：コード、セキュリティ、a11y、パフォーマンス、TS、UI 忠実度   |
@@ -53,45 +53,59 @@
 
 **Node.js 22+** が必要です。**Windows、macOS、Linux** で動作します（すべてのフックとスクリプトは Node.js で実装）。
 
-### 方法 1：グローバル CLI でプロジェクトを初期化（推奨）
+### 方法 1：fec CLI をグローバルインストール（推奨）
 
 ```bash
-npm install -g frontend-craft@latest
+# 1. fec コマンドをグローバルにインストール
+npm install -g @bovinphang/frontend-craft@latest
+
+# 2. フロントエンドプロジェクトへ移動
 cd your-project
-fec init
-fec init codex      # 特定のランタイム向けに初期化
-fec init claude     # Claude Code 向けに初期化
-```
 
-`fec init` は現在のプロジェクトを初期化するターミナル CLI コマンドです。対話型ターミナルでは、runtime を省略すると選択プロンプトが表示されます。非対話環境で runtime を省略した場合、CLI は `claude` を既定値にします。`init` は明示的に `--global` を渡さない限り、既定で現在のプロジェクトへインストールします。例：`fec init codex --global`。AI アシスタント内の `/fec-init` スラッシュコマンドは別の入口で、先に frontend-craft を対象ランタイムへインストールしてから使用します。
+# 3. 接続する AI ランタイムを対話的に選択
+fec setup
 
-### 方法 2：グローバルインストール不要の対話ウィザード
+# 4. 現在のプロジェクトに接続
+fec setup codex
+fec setup claude
+fec setup all
 
-```bash
-npx frontend-craft@latest
+# 5. グローバル接続、すべてのプロジェクトで利用
+fec setup codex --global
+fec setup claude --global
+fec setup all --global
+
+# 6. プレビュー / 確認
+fec install --all --dry-run --global
+fec list
 ```
 
-グローバルな `fec` コマンドをインストールしたくない場合はこちらを使います。ウィザードは完全なインストール手順を案内します。まず 1 つ以上のランタイムを選択し、次にグローバルまたは現在のプロジェクトへインストールするかを決定します。
+`npm install -g` は `fec` ターミナルコマンドだけをインストールします。`fec setup` は frontend-craft をプロジェクトに接続するターミナル CLI コマンドで、AI アシスタント内の `/fec-init` スラッシュコマンドとは別です。対話型ターミナルでは、引数なしの `fec setup` が runtime の選択を求めます。`fec setup <runtime>` と `fec setup all` は既定で現在のプロジェクトに接続します。`--global` を渡した場合だけ、選択した AI ツールのグローバル設定ディレクトリに接続され、すべてのプロジェクトで利用できます。
 
-### 方法 3：スクリプト向けインストール
+### 方法 2：npx で一時実行（グローバル fec 不要）
 
 ```bash
-# 現在のプロジェクトにインストール
-npx frontend-craft@latest install --local claude
-
-# あるランタイムにグローバルインストール
-npx frontend-craft@latest install --global codex
-
-# すべてのランタイムへのインストール内容をプレビュー（実際には書き込まない）
-npx frontend-craft@latest install --all --dry-run --global
-
-# 対応ランタイムを一覧表示
-npx frontend-craft@latest list
+# 1. 対話ウィザード
+npx @bovinphang/frontend-craft@latest
+
+# 2. 現在のプロジェクトに接続
+npx @bovinphang/frontend-craft@latest install --local codex
+npx @bovinphang/frontend-craft@latest install --local claude
+npx @bovinphang/frontend-craft@latest install --all --local
+
+# 3. グローバル接続、すべてのプロジェクトで利用
+npx @bovinphang/frontend-craft@latest install --global codex
+npx @bovinphang/frontend-craft@latest install --global claude
+npx @bovinphang/frontend-craft@latest install --all --global
+
+# 4. プレビュー / 確認
+npx @bovinphang/frontend-craft@latest install --all --dry-run --global
+npx @bovinphang/frontend-craft@latest list
 ```
 
-> **CI / スクリプト環境：** 常に `--global` / `-g` または `--local` / `-l` を指定してください。TTY でなく未指定の場合、CLI は `claude --global` をデフォルトとします。
+グローバルな `fec` コマンドをインストールしたくない場合は `npx` を使います。引数なしでは対話ウィザードを開きます。まず 1 つ以上のランタイムを選択し、次にグローバルまたは現在のプロジェクトへ接続するかを決定します。すべての runtime をスクリプトでインストールする場合は `install --all --local` または `install --all --global` を使い、`install all` とは書きません。CI / スクリプト環境では常に `--global` / `-g` または `--local` / `-l` を指定してください。TTY でなく未指定の場合、CLI は `claude --global` をデフォルトとします。
 
-### 方法 4：Claude Code Marketplace
+### 方法 3：Claude Code Marketplace
 
 Claude Code ユーザーには、**Claude Code Marketplace** からの单一ソースでのインストールを推奨します。CLI を Claude 用に使うのは、クロスランタイムインストール、スクリプト/オフラインのファイルコピー、または非 Marketplace 環境の場合に限ってください。
 
@@ -133,7 +147,7 @@ Marketplace が既にインストールされている場合、CLI は `--force`
 ```text
 あなた：「マージ前に最近の変更をレビューして。アーキテクチャ、型安全性、レンダリング挙動、スタイル、アクセシビリティ、足りないテストを重点的に見て。」
 あなた：「コードを書く前に、アカウント請求機能を計画して。ルート構成、コンポーネント境界、データフロー、状態の所有、バリデーションフロー、リリースリスクを含めて。」
-あなた：「React Hook Form + Zod で、ファイルアップロード、条件付きフィールド、非同期バリデーション、アクセシブルなエラーを含む複数ステップ登録フォームを作って。」
+あなた：「複数ステップ登録フォームを作って。プロジェクトのフレームワークに合うフォームと schema バリデーションの方針を選び、ファイルアップロード、条件付きフィールド、非同期バリデーション、アクセシブルなエラーを含めて。」
 あなた：「Figma ノード 123:456 に基づいて UI を実装して。既存の design token とコンポーネントを再利用し、余白とレスポンシブ状態を合わせ、前提も記録して。」
 あなた：「`/fec-refactor-clean` このモジュールのデッドコードを整理して。」
 ```
@@ -146,49 +160,50 @@ Marketplace が既にインストールされている場合、CLI は `--force`
 
 スラッシュコマンドは構造化ワークフローの主要なエントリーポイントです。ほとんどが `reports/` にタイムスタンプ付き Markdown レポートを出力します。
 
-| コマンド              | 用途                                                                | レポート                                             |
-| --------------------- | ------------------------------------------------------------------- | ---------------------------------------------------- |
-| `/fec-init`           | プロジェクトテンプレート（CLAUDE.md、ルール、設定）を初期化         | —                                                    |
-| `/fec-review`         | 指定または最近変更したファイルの構造化レビュー                      | `code-review-*.md`                                   |
-| `/fec-scaffold`       | 規約に従い page / feature / component のボイラープレートを作成      | —                                                    |
-| `/fec-plan`           | 統合計画：実装アーキテクチャまたはテスト戦略                        | `architecture-proposal-*.md` または `test-plan-*.md` |
-| `/fec-tdd`            | 赤 → 緑 → リファクタリングのフロントエンド TDD ループ               | —                                                    |
-| `/fec-debug`          | フロントエンド問題の診断と修復：ビルド、ランタイム、UI、API 障害    | `debug-*.md`                                         |
-| `/fec-refactor-clean` | デッドコード、未使用 export、スタイル、依存関係を分類して安全に削除 | `refactor-clean-*.md`                                |
-| `/fec-doc-sync`       | README、ランタイムドキュメント、機能表、メタデータを同期            | —                                                    |
+| コマンド              | 用途                                                                   | レポート                                             |
+| --------------------- | ---------------------------------------------------------------------- | ---------------------------------------------------- |
+| `/fec-init`           | プロジェクトテンプレート（CLAUDE.md、ルール、設定）を初期化            | —                                                    |
+| `/fec-review`         | 指定または最近変更したファイルの構造化レビュー                         | `code-review-*.md`                                   |
+| `/fec-scaffold`       | 規約に従い page / feature / component のボイラープレートを作成         | —                                                    |
+| `/fec-plan`           | 統合計画：実装アーキテクチャまたはテスト戦略                           | `architecture-proposal-*.md` または `test-plan-*.md` |
+| `/fec-tdd`            | 赤 → 緑 → リファクタリングのフロントエンド TDD ループ                  | —                                                    |
+| `/fec-debug`          | フロントエンド問題の診断と修復：ビルド、ランタイム、UI、API 障害       | `debug-*.md`                                         |
+| `/fec-refactor-clean` | デッドコード、未使用 export、スタイル、依存関係を分類して安全に削除    | `refactor-clean-*.md`                                |
+| `/fec-doc-sync`       | README、docs、環境変数、スクリプト、API/ルート説明、デプロイ文書を同期 | —                                                    |
 
 ### スキル（自動起動）
 
 スキルはファイルパターン、フレームワーク、タスクコンテキストに基づいて**自動起動**するワークフロー定義です。レビュー観点、出力規約、レポート形式をエンコードしています。
 
-以下のスキルはユースケース別に分類されているため、プロジェクト標準、実装、テスト、レビュー、デザイン、移行、ドキュメント保守のワークフローをすばやく見つけられます。
+以下のスキルはユースケース別に分類されているため、プロジェクト標準、実装、テスト、レビュー、デザイン、移行、プロジェクト進化、ドキュメント保守のワークフローをすばやく見つけられます。
 
 **プロジェクト標準** — 該当フレームワークが検出されると自動適用：
 
-| スキル                          | 範囲                                                                    |
-| ------------------------------- | ----------------------------------------------------------------------- |
-| `fec-react-project-standard`    | React + TypeScript（構造、コンポーネント、ルーティング、状態、API 層）  |
-| `fec-vue3-project-standard`     | Vue 3 + TypeScript（構造、コンポーネント、ルーティング、Pinia、API 層） |
-| `fec-nextjs-project-standard`   | Next.js 14+ App Router、SSR/SSG、ストリーミング、メタデータ             |
-| `fec-nuxt-project-standard`     | Nuxt 3 SSR/SSG、Composition API、データ取得、ミドルウェア               |
-| `fec-vite-project-standard`     | Vite 設定、環境変数安全性、HMR、開発プロキシ、ビルド最適化              |
-| `fec-monorepo-project-standard` | pnpm workspace、Turborepo、Nx の構造とタスクオーケストレーション        |
+| スキル                            | 範囲                                                                    |
+| --------------------------------- | ----------------------------------------------------------------------- |
+| `fec-react-project-standard`      | React + TypeScript（構造、コンポーネント、ルーティング、状態、API 層）  |
+| `fec-vue3-project-standard`       | Vue 3 + TypeScript（構造、コンポーネント、ルーティング、Pinia、API 層） |
+| `fec-nextjs-project-standard`     | Next.js 14+ App Router、SSR/SSG、ストリーミング、メタデータ             |
+| `fec-nuxt-project-standard`       | Nuxt 3 SSR/SSG、Composition API、データ取得、ミドルウェア               |
+| `fec-vite-project-standard`       | Vite 設定、環境変数安全性、HMR、開発プロキシ、ビルド最適化              |
+| `fec-monorepo-project-standard`   | pnpm workspace、Turborepo、Nx の構造とタスクオーケストレーション        |
+| `fec-typescript-project-standard` | TypeScript 設定、公開 API 型、宣言ファイル、DTO、ジェネリクス           |
 
 **実装機能** — 特定のフロントエンド機能を構築する際に起動：
 
-| スキル                    | 範囲                                                                         |
-| ------------------------- | ---------------------------------------------------------------------------- |
-| `fec-data-fetching`       | TanStack Query / サーバー状態取得、キャッシュ、楽観的更新                    |
-| `fec-api-integration`     | 型付き API client、認証 refresh、アップロード、リアルタイム統合              |
-| `fec-state-management`    | 状態の所属、ストア選定、URL 状態、サーバー/フォーム/ローカル状態の境界       |
-| `fec-form-handling`       | React Hook Form + Zod、動的フィールド、アップロード、マルチステップ          |
-| `fec-browser-storage`     | localStorage / sessionStorage / IndexedDB / Cookies の選定                   |
-| `fec-route-protection`    | React Router、Next.js、Vue Router、Nuxt の認証・権限ルーティング             |
-| `fec-pwa-implementation`  | マニフェスト、サービスワーカー、オフラインキャッシュ、インストールプロンプト |
-| `fec-web-workers`         | Web Worker、Transferable、Comlink、ワーカープール                            |
-| `fec-canvas-threejs`      | Canvas 2D、Three.js、React Three Fiber、WebGL                                |
-| `fec-svg-animation`       | CSS / Framer Motion / GSAP SVG アニメーションと reduced-motion               |
-| `fec-list-virtualization` | react-window / TanStack Virtual による大規模リスト仮想化                     |
+| スキル                    | 範囲                                                                                    |
+| ------------------------- | --------------------------------------------------------------------------------------- |
+| `fec-data-fetching`       | サーバー状態取得、キャッシュ、無効化、SSR、無限読み込み                                 |
+| `fec-api-integration`     | 型付き API client、認証 refresh、アップロード、リアルタイム統合                         |
+| `fec-state-management`    | 状態の所属、ストア選定、URL 状態、サーバー/フォーム/ローカル状態の境界                  |
+| `fec-form-handling`       | フレームワークに応じたフォーム選定、schema バリデーション、動的フィールド、アップロード |
+| `fec-browser-storage`     | localStorage / sessionStorage / IndexedDB / Cookies の選定                              |
+| `fec-route-protection`    | React Router、Next.js、Vue Router、Nuxt の認証・権限ルーティング                        |
+| `fec-pwa-implementation`  | マニフェスト、サービスワーカー、オフラインキャッシュ、インストールプロンプト            |
+| `fec-web-workers`         | Web Worker、Transferable、Comlink、ワーカープール                                       |
+| `fec-canvas-threejs`      | Canvas 2D、Three.js、React Three Fiber、WebGL                                           |
+| `fec-svg-animation`       | CSS / Framer Motion / GSAP SVG アニメーションと reduced-motion                          |
+| `fec-list-virtualization` | フレームワークに応じた大規模リスト仮想化、計測、グリッド、無限スクロール                |
 
 **テスト** — フロントエンドテストの計画や作成時に起動：
 
@@ -204,7 +219,7 @@ Marketplace が既にインストールされている場合、CLI は `--force`
 | スキル                         | 範囲                                                                          |
 | ------------------------------ | ----------------------------------------------------------------------------- |
 | `fec-code-review`              | アーキテクチャ、型、レンダリング、スタイル、a11y レビュー                     |
-| `fec-typescript-type-safety`   | 型契約、DTO マッピング、型ガード、ジェネリクス、型レベルチェック              |
+| `fec-debug-framework`          | ビルド、ランタイム、UI、API/データ障害の体系的な診断                          |
 | `fec-security-review`          | XSS、CSRF、機密データ漏洩、入力検証                                           |
 | `fec-accessibility-check`      | WCAG 2.2、キーボード、フォーカス、タッチ、スクリーンリーダー動作              |
 | `fec-dependency-upgrade`       | 依存関係アップグレード、lockfile レビュー、CVE 修正、移行検証                 |
@@ -214,28 +229,38 @@ Marketplace が既にインストールされている場合、CLI は `--force`
 
 **デザイン UI** — デザイン実装、デザインシステム、視覚仕上げで起動：
 
-| スキル                        | 範囲                                                                          |
-| ----------------------------- | ----------------------------------------------------------------------------- |
-| `fec-ui-design`               | UI 方向性、ビジュアル識別、ポリッシュ、状態、ビジュアル QA                    |
-| `fec-tailwind-design-system`  | Tailwind token、テーマ拡張、variants、class 管理、ダークモード                |
-| `fec-responsive-layout`       | モバイルファースト、container queries、データ密集 responsive UI               |
-| `fec-motion-interaction`      | インタラクション motion、ページ遷移、スクロール animation、reduced-motion     |
-| `fec-implement-from-design`   | Figma/Sketch/MasterGo/Pixso/墨刀 のデザイン、または摹客アセットから UI を実装 |
-| `fec-storybook-component-doc` | Storybook コンポーネント文書、デザインシステム表示、隔離状態プレビュー        |
+| スキル                        | 範囲                                                                                                             |
+| ----------------------------- | ---------------------------------------------------------------------------------------------------------------- |
+| `fec-ui-design`               | プロダクト文脈に沿った UI 方向性、反テンプレート設計ダイヤル、メディア戦略、状態、ビジュアル QA                  |
+| `fec-image-generation`        | 図表、画像生成/編集、ビジュアルアセット、PNG QA と修復ループ                                                     |
+| `fec-drawio-studio`           | 編集可能な draw.io / diagrams.net 技術図、XML/Mermaid/CSV URL 受け渡し、shape 検索、自動レイアウト、コード構造図 |
+| `fec-web-video-presentation`  | 記事、台本、レッスン、demo から録画可能な 16:9 step-driven Web プレゼンを作成                                    |
+| `fec-tailwind-design-system`  | Tailwind token、テーマ拡張、variants、class 管理、ダークモード                                                   |
+| `fec-responsive-layout`       | モバイルファースト、container queries、データ密集 responsive UI                                                  |
+| `fec-motion-interaction`      | 文脈に応じた motion 強度、ページ遷移、スクロール animation、reduced-motion                                       |
+| `fec-implement-from-design`   | デザインツール、スクリーンショット、または section 単位のビジュアル参照から UI を実装                            |
+| `fec-storybook-component-doc` | Storybook コンポーネント文書、デザインシステム表示、隔離状態プレビュー                                           |
 
 **レガシー移行** — モダナイゼーション時に起動：
 
-| スキル                           | 範囲                                                           |
-| -------------------------------- | -------------------------------------------------------------- |
-| `fec-legacy-web-standard`        | JS + jQuery + HTML のレガシープロジェクト開発・保守基準        |
-| `fec-legacy-to-modern-migration` | jQuery/MPA → React/Vue 3 + TS への移行戦略と段階的ワークフロー |
+| スキル                           | 範囲                                                                           |
+| -------------------------------- | ------------------------------------------------------------------------------ |
+| `fec-legacy-web-standard`        | JS + jQuery + HTML のレガシープロジェクト開発・保守基準                        |
+| `fec-legacy-to-modern-migration` | レガシーフロントエンドのモダナイズ、ターゲットスタック選定、段階的ワークフロー |
+
+**プロジェクト進化** — 参照システムをプロジェクトネイティブな改善として吸収する時に起動：
+
+| スキル        | 範囲                                                           |
+| ------------- | -------------------------------------------------------------- |
+| `fec-alchemy` | 参照システムの能力を独自のプロジェクトネイティブ設計として吸収 |
 
 **ドキュメント保守** — ドキュメント作業時に起動：
 
-| スキル                          | 範囲                                                               |
-| ------------------------------- | ------------------------------------------------------------------ |
-| `fec-doc-sync`                  | 公開ドキュメントをスクリプト、スキル、エージェント、コマンドと同期 |
-| `fec-source-driven-development` | プロジェクト事実と公式ソースでバージョン依存の判断を検証           |
+| スキル                             | 範囲                                                                                    |
+| ---------------------------------- | --------------------------------------------------------------------------------------- |
+| `fec-backend-requirements-handoff` | Frontend-to-backend handoff for UI data needs, actions, states, rules, and questions    |
+| `fec-doc-sync`                     | フロントエンド文書をコード、設定、スクリプト、ルート、API、環境変数、デプロイ事実と同期 |
+| `fec-source-driven-development`    | プロジェクト事実と公式ソースでバージョン依存の判断を検証                                |
 
 ### エージェント
 
@@ -365,11 +390,12 @@ $env:MODAO_TOKEN = "your-modao-token"
 すべてのレビュー、分析、評価は `reports/` にタイムスタンプ付き Markdown レポートとして書き出されます。これらは監査証跡および PR の成果物として機能します。
 
 <details>
-<summary>全 15 レポートタイプを表示</summary>
+<summary>全 16 レポートタイプを表示</summary>
 
 | レポートタイプ           | ファイル名パターン                           | 生成元                                                              |
 | ------------------------ | -------------------------------------------- | ------------------------------------------------------------------- |
 | コードレビュー           | `code-review-YYYY-MM-DD-HHmmss.md`           | `/fec-review`、`fec-code-review`、`fec-code-reviewer`               |
+| デバッグ診断             | `debug-YYYY-MM-DD-HHmmss.md`                 | `/fec-debug`、`fec-debug-framework`、`fec-debugger`                 |
 | TypeScript / JS レビュー | `typescript-review-YYYY-MM-DD-HHmmss.md`     | `fec-typescript-reviewer`                                           |
 | セキュリティレビュー     | `security-review-YYYY-MM-DD-HHmmss.md`       | `fec-security-review`、`fec-security-reviewer`                      |
 | アクセシビリティ         | `accessibility-review-YYYY-MM-DD-HHmmss.md`  | `fec-accessibility-check`                                           |
@@ -393,7 +419,7 @@ $env:MODAO_TOKEN = "your-modao-token"
 
 ## アップデートと削除
 
-`fec` は `frontend-craft` の短いコマンドです。グローバルの `fec` コマンドをインストールしていない場合は、同じ引数を `npx frontend-craft@latest` に渡してください。例：`npx frontend-craft@latest update`。
+`fec` は `frontend-craft` の短いコマンドです。グローバルの `fec` コマンドをインストールしていない場合は、同じ引数を `npx @bovinphang/frontend-craft@latest` に渡してください。例：`npx @bovinphang/frontend-craft@latest update`。
 
 ### アップデート
 
@@ -435,10 +461,10 @@ npx skills update                          # 最新版にアップデート
 npx skills check                           # 利用可能なアップデートをプレビュー
 ```
 
-| CLI                  | インストール内容                                                              |
-| -------------------- | ----------------------------------------------------------------------------- |
-| `npx frontend-craft` | スキル + ランタイム固有のエージェント、コマンド、フック、ルール、テンプレート |
-| `npx skills`         | スキルのみ（既存の Skills CLI ワークフロー向け）                              |
+| CLI                              | インストール内容                                                              |
+| -------------------------------- | ----------------------------------------------------------------------------- |
+| `npx @bovinphang/frontend-craft` | スキル + ランタイム固有のエージェント、コマンド、フック、ルール、テンプレート |
+| `npx skills`                     | スキルのみ（既存の Skills CLI ワークフロー向け）                              |
 
 テレメトリを無効化：`DISABLE_TELEMETRY=1`。詳細は [skills.sh CLI ドキュメント](https://skills.sh/docs/cli) を参照。