スキル vite

📦

vite

Name: vite
Author: antfu

v2026.1.31 コンテンツリビジョン r2 安全 ⚡ スクリプトを含む🌐 ネットワークアクセス🔑 環境変数⚙️ 外部コマンド

Vite アプリをより速く構築

Vite プロジェクトでは、開発、ビルド、プラグイン、デプロイ全体にわたる慎重な設定が必要です。このスキルは、一般的な Vite ワークフローに関する簡潔なガイダンスを提供します。

対応: Claude Codex Code(CC)

🥉 79 ブロンズ

自分のエージェントでインストール

このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。

エージェントリクエスト

Review the Skillstore skill "vite" from https://skillstore.io/skills/antfu-vite.md and its manifest at https://skillstore.io/api/skills/antfu-vite/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。

エージェントが読めるリソース

AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

Markdown詳細 GET /skills/antfu-vite.md 署名済み manifest GET /api/skills/antfu-vite/manifest 署名済み lockfile GET /api/skills/antfu-vite/lockfile

テストする

「vite」を使用しています。 Vite の環境変数に関するガイダンスが必要です。

期待される結果:

クライアントコードに届いてもよい値にのみ公開用プレフィックスを使用します。
シークレットはプレフィックスを付けず、サーバー側に保持します。
staging と production の違いには modes を使用します。

「vite」を使用しています。遅い Vite dev server を改善するのを手伝ってください。

期待される結果:

まずプラグインの transform コストを確認します。
実用的な範囲で明示的な import extensions を使用します。
依存関係の事前バンドルとキャッシュ無効化設定を見直します。

「vite」を使用しています。 Vite ライブラリパッケージを構築しています。

期待される結果:

まず entry points と output formats を選択します。
package exports を生成されたビルドファイルと整合させます。
利用者向けに CSS output と環境変数の挙動を文書化します。

セキュリティ監査

安全

v5 • 2026/7/23 バージョン別レポートを開く

All 44 static alerts are false positives from Markdown syntax, documentation examples, local URLs, and ordinary Vite APIs. No command execution, reconnaissance, credential exposure, prompt injection, or malicious intent was found.

スキャンされたファイル

1,116

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚡ スクリプトを含む (4)

references/core-config.md:142 references/core-features.md:14 references/core-features.md:90 references/core-features.md:99

🌐 ネットワークアクセス (4)

references/core-config.md:116 references/core-features.md:122 SKILL.md:7 SKILL.md:61

🔑 環境変数 (2)

references/core-features.md:123 references/core-features.md:128

⚙️ 外部コマンド (14)

references/core-plugin-api.md:135-140 references/rolldown-migration.md:84-87 SKILL.md:18 SKILL.md:25 SKILL.md:26 SKILL.md:33 SKILL.md:46-51 SKILL.md:51-55 SKILL.md:55-64 SKILL.md:64-68 SKILL.md:68-69 SKILL.md:69-70 SKILL.md:70-71 SKILL.md:71-72

最新の完了済み静的・セマンティック監査では、確認済みのセキュリティ検出事項は見つかりませんでした。これは、スキルに副作用がないことを証明するものではありません。

監査者: codex 監査履歴を表示 →

このレポートを共有・引用

バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。

バージョン別レポートを開く

レポートリンクをコピー

https://skillstore.io/skills/antfu-vite/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

[![Skillstore security assessment](https://skillstore.io/badges/skills/antfu-vite/security.svg)](https://skillstore.io/skills/antfu-vite?utm_source=security_passport_badge)

HTMLバッジ

<a href="https://skillstore.io/skills/antfu-vite?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vite/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

埋め込みカード

<iframe src="https://skillstore.io/embed/skills/antfu-vite.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

antfu. (2026). vite security audit report (audit version 5) [Author version 2026.1.31]. Skillstore. https://skillstore.io/skills/antfu-vite/audits/5

BibTeX形式の引用

@techreport{antfu-antfu-vite-2026,
  author = {antfu},
  title = {vite security audit report (audit version 5)},
  institution = {Skillstore},
  year = {2026},
  number = {5},
  url = {https://skillstore.io/skills/antfu-vite/audits/5},
  note = {Author version 2026.1.31}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vite security audit report (audit version 5)"
version: "2026.1.31"
type: report
authors:
  - name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vite/audits/5"
identifiers:
  - type: other
    value: "skillstore:antfu-vite:audit:5"
    description: "Skillstore immutable audit report identifier"

Skillstore スコア

このスコアの理由証拠の信頼度: 高

アーキテクチャ

100

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

フロントエンドアプリを設定する

Vite 設定、scripts、aliases、環境変数、本番ビルドオプションをセットアップします。

ライブラリをビルドして公開する

Vite ライブラリモード、entry points、file names、CSS output、package exports を計画します。

Vite をバックエンドと統合する

Vite assets、manifests、dev server scripts、SSR output、従来のバックエンドテンプレートを接続します。

これらのプロンプトを試す

Vite プロジェクトを開始する

新しい React プロジェクト向けに最も安全な Vite セットアップを説明してください。設定ファイル、scripts、環境変数のガイダンスを含めてください。

ビルド設定をレビューする

開発、ビルド、preview に関する私の Vite 設定目標をレビューしてください。どのオプションを使うべきか、またその理由を教えてください。

プラグインと依存関係を計画する

Vue、bundle analysis、依存関係の事前バンドル向けの Vite プラグインセットアップを計画してください。プラグイン順序と一般的な失敗ポイントを含めてください。

SSR とライブラリ出力を設計する

ライブラリ出力とバックエンド統合を伴う SSR 向けの Vite アーキテクチャを設計してください。ビルド手順、manifests、デプロイ、テスト確認項目を扱ってください。

ベストプラクティス

Vite 設定は小さく、明示的に保ち、開発と本番のニーズごとに分けます。
意図したクライアント環境変数だけを、承認済みのプレフィックスを通じて公開します。
デプロイ前に、ビルド、preview output、SSR、バックエンド manifests をテストします。

回避

クライアント環境プレフィックスを通じてシークレットを公開しないでください。
順序、スコープ、ビルドへの影響を確認せずにプラグインを追加しないでください。
本番環境での正しさの証明として dev server の挙動に依存しないでください。

よくある質問

このスキルは Vite コマンドを実行しますか？

いいえ。ユーザーが自分のプロジェクトに適用できるガイダンスと例を提供します。

Claude、Codex、Claude Code に役立ちますか？

はい。Claude、Codex、Claude Code のワークフロー向けに書かれています。

環境変数を扱っていますか？

はい。Vite modes、.env files、prefixes、クライアント公開ルールについて説明します。

SSR プロジェクトに役立ちますか？

はい。SSR development、builds、manifests、externals、本番サーバーの違いを扱います。

プラグイン作成のガイダンスは含まれていますか？

はい。plugin hooks、virtual modules、order、パフォーマンス上の考慮事項を扱います。

特定の Vite バージョンに紐づいていますか？

はい。ソースには Vite 6.x コンテンツに基づいていると記載されています。

開発者情報

作成者

antfu

ライセンス

MIT

作者バージョン

v2026.1.31

Skillstore リビジョン

リポジトリ

https://github.com/antfu/skills/tree/main/skills/vite/

参照

89edfdc710d0846129dcee6a929477b04f08052c

メンテナンスの新しさ

2026/7/24

利用状況

15 ダウンロード · 578 閲覧

ファイル構成

📄 GENERATION.md

📁 references/

📄 build-and-ssr.md

📄 core-config.md

📄 core-features.md

📄 core-plugin-api.md

📄 environment-api.md

📄 rolldown-migration.md

📄 SKILL.md

antfu のその他のスキル

すべて表示

📦

vue-router-best-practices

Vue Routerガードの信頼性を向上させる

Vue Routerのミスは、古いデータ、チェックの回避、リダイレクトループを引き起こす可能性があります。このスキルは、安全なガード、ルート更新、クリーンアップ、本番環境向けルーティングのための焦点を絞ったパターンを提供します。

コーディング＆開発表示

📦

vue-testing-best-practices

Vueテスト品質の改善

Vueのテストは、非同期タイミング、壊れやすい内部実装への依存、弱いスナップショットが原因で失敗しがちです。このスキルは、Claude、Codex、Claude Codeが信頼性の高いVitest、Vue Test Utils、Playwrightのパターンを採用できるように導きます。

コーディング＆開発表示

📦

vue-best-practices

Vue 3 の型安全性を向上させる

Vue プロジェクトでは、template、Volar、router、TypeScript のエッジケースに遭遇し、レビューが遅くなることがよくあります。このスキルは、より安全な components、configs、tests のために、Vue 3 に特化したルールを提供します。

コーディング＆開発表示

📦

vue

自信を持ってVue 3コンポーネントを構築する

Vueチームには、コンポーネント、リアクティビティ、TypeScriptパターンに関する最新のガイダンスが必要です。このスキルは、Claude、Codex、Claude Codeに焦点を絞ったVue 3.5のリファレンスを提供します。

コーディング＆開発表示

📦

vitest

信頼性の高い Vitest テストスイートを構築

最新の JavaScript プロジェクトには、Vite のワークフローに合った高速なテストが必要です。このスキルは、Claude、Codex、Claude Code に対して、Vitest のセットアップ、モック、カバレッジ、フィクスチャ、フィルタリング、スナップショット、CI 利用をガイドします。

コーディング＆開発表示

📦