mcpField
V
vite

vite

github.com/full-stack-skills開発072 回インストール5 週間前に更新
リポジトリ

vite について

viteは、Viteのガイド、設定、プラグイン、API、デプロイを扱う開発者向けスキルです。質問を公式ドキュメントに対応するローカルのサンプルへ案内し、中国語版Viteサイトの内容も含みます。

主な機能

  1. 01トピックをガイドサンプルに対応付け
  2. 02Vite設定リファレンスの案内
  3. 03プラグイン選定のガイダンス
  4. 04CLI、HMR、JavaScript APIの説明
  5. 05SSRとデプロイのトピック

活用シーン

  1. 01Viteの機能に関する情報の確認
  2. 02設定オプションの参照
  3. 03Viteプラグインの選択
  4. 04SSRやデプロイのガイダンス確認

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/build-skills --skill vite

インストール後、Claude Code で/viteを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

agents/
openai.yaml
api/
cli.md
config.md
plugin-api.md
examples/config/
build-options.md
configuring-vite.md
dep-optimization-options.md
preview-options.md
server-options.md
shared-options.md
ssr-options.md
worker-options.md
examples/guide/
api-environment-frameworks.md
api-environment-instances.md
api-environment-plugins.md
api-environment-runtimes.md
api-environment.md
api-hmr.md
api-javascript.md
api-plugin.md
assets.md
backend-integration.md
build.md
cli.md
dep-pre-bundling.md
env-and-mode.md
features.md
getting-started.md
migration.md
performance.md

詳細

このスキルを使用する場面

ユーザーが次のことを求めている場合は、いつでもこのスキルを使用してください。

  • はじめにからパフォーマンスまで、Vite ガイドのトピックに沿って進める
  • 公式の設定リファレンスを使用して Vite を設定する
  • 公式プラグインページから Vite プラグインを選択する、または内容を理解する
  • Vite CLI、HMR API、または JavaScript API を使用する
  • Vite で SSR、バックエンド統合、またはデプロイのシナリオに対応する

このスキルの使用方法

  1. ユーザーのリクエストからトピックを特定します。
  2. examples/guide/ にある対応するガイドの例ファイルを開きます。
  3. 設定が必要な場合は、examples/config/ にある対応するファイルを開きます。
  4. プラグインの選択が必要な場合は、examples/plugins.md を開きます。
  5. 公式ドキュメントに忠実に従い、参照先ページと一貫した出力にします。
ガイドの対応表（https://cn.vitejs.dev/guide/ と一対一で対応）

はじめに

ガイド

API

環境 API

設定の対応表（https://cn.vitejs.dev/config/ と一対一で対応）
プラグインの対応表（https://cn.vitejs.dev/plugins/ と一対一で対応）

リソース

キーワード

Vite、ビルドツール、開発サーバー、HMR、設定、プラグイン、SSR、CLI、依存関係の事前バンドル、アセット

コメント

Markdown 対応