vue-router-best-practices
80Vue Routerガードの信頼性を向上させる
Vue Routerのミスは、古いデータ、チェックの回避、リダイレクトループを引き起こす可能性があります。このスキルは、安全なガード、ルート更新、クリーンアップ、本番環境向けルーティングのための焦点を絞ったパターンを提供します。
信頼性の高い Vitest テストスイートを構築
最新の JavaScript プロジェクトには、Vite のワークフローに合った高速なテストが必要です。このスキルは、Claude、Codex、Claude Code に対して、Vitest のセットアップ、モック、カバレッジ、フィクスチャ、フィルタリング、スナップショット、CI 利用をガイドします。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "vitest" from https://skillstore.io/skills/antfu-vitest.md and its manifest at https://skillstore.io/api/skills/antfu-vitest/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「vitest」を使用しています。 ユーザーが TypeScript ユーティリティ向けの Vitest テストを依頼する。
期待される結果:
アシスタントは、関連のないファイルを変更せずに、焦点を絞ったテストケース、アサーションの選択、セットアップ上の注意点、エッジケースを提案します。
「vitest」を使用しています。 ユーザーが API クライアントのモックに関するガイダンスを必要としている。
期待される結果:
「vitest」を使用しています。 チームがカバレッジ付きで CI に Vitest を導入したい。
期待される結果:
アシスタントは、run mode、レポーター選択、カバレッジプロバイダーの選択肢、しきい値、シャーディング、スナップショット更新時の注意点を概説します。
The skill contains Markdown guidance and fenced Vitest examples rather than executable automation. All 84 static detections are benign documentation patterns, and no prompt injection or malicious intent was found.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/antfu-vitest/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-vitest?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antfu-vitest?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vitest/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antfu-vitest.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>antfu. (2026). vitest security audit report (audit version 5) [Author version 2026.6.22]. Skillstore. https://skillstore.io/skills/antfu-vitest/audits/5@techreport{antfu-antfu-vitest-2026,
author = {antfu},
title = {vitest security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/antfu-vitest/audits/5},
note = {Author version 2026.6.22}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vitest security audit report (audit version 5)"
version: "2026.6.22"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vitest/audits/5"
identifiers:
- type: other
value: "skillstore:antfu-vitest:audit:5"
description: "Skillstore immutable audit report identifier"
Jest 互換のパターンを使用して、関数、コンポーネント、非同期処理、エラーパス向けの Vitest テストを作成します。
再利用可能な JavaScript または TypeScript パッケージ向けに、型テスト、スナップショット、フィクスチャ、カバレッジしきい値を追加します。
継続的インテグレーション向けに、run mode、シャーディング、フィルタリング、project 選択、レポーター、カバレッジ出力を設定します。
この Vitest スキルを使って、私のモジュールのテストを書いてください。関連する場合は、通常ケース、エッジケース、非同期処理を含めてください。
この Vitest スキルを使って、外部モジュールをモックし、オブジェクトメソッドをスパイし、各テスト後にモックを復元してください。
この Vitest スキルを使って、このリポジトリ向けにカバレッジ、レポーター、watch の挙動、CI 向けのテストスクリプトを設定してください。
この Vitest スキルを使って、モノレポ向けに projects、フィクスチャ、シャーディング、フィルタリング、型テスト、スナップショット、環境設定を計画してください。
作成者
antfuライセンス
MIT
作者バージョン
v2026.6.22
Skillstore リビジョン
r2
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
13 ダウンロード · 241 閲覧
ファイル構成
📄 SKILL.md
Vue Routerガードの信頼性を向上させる
Vue Routerのミスは、古いデータ、チェックの回避、リダイレクトループを引き起こす可能性があります。このスキルは、安全なガード、ルート更新、クリーンアップ、本番環境向けルーティングのための焦点を絞ったパターンを提供します。
Vueテスト品質の改善
Vueのテストは、非同期タイミング、壊れやすい内部実装への依存、弱いスナップショットが原因で失敗しがちです。このスキルは、Claude、Codex、Claude Codeが信頼性の高いVitest、Vue Test Utils、Playwrightのパターンを採用できるように導きます。
Vue 3 の型安全性を向上させる
Vue プロジェクトでは、template、Volar、router、TypeScript のエッジケースに遭遇し、レビューが遅くなることがよくあります。このスキルは、より安全な components、configs、tests のために、Vue 3 に特化したルールを提供します。
自信を持ってVue 3コンポーネントを構築する
Vueチームには、コンポーネント、リアクティビティ、TypeScriptパターンに関する最新のガイダンスが必要です。このスキルは、Claude、Codex、Claude Codeに焦点を絞ったVue 3.5のリファレンスを提供します。
Vite アプリをより速く構築
Vite プロジェクトでは、開発、ビルド、プラグイン、デプロイ全体にわたる慎重な設定が必要です。このスキルは、一般的な Vite ワークフローに関する簡潔なガイダンスを提供します。
UnoCSS をより速く設定
プリセット、ショートカット、バリアント、インテグレーションが相互に関係すると、UnoCSS のセットアップは難しくなることがあります。このスキルは、Claude、Codex、Claude Code に、実践的な UnoCSS 作業のための焦点を絞ったリファレンスガイダンスを提供します。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
実践的なテスト戦略を構築する
作成者 Atman36
チームは、明確なスコープ、ツール、カバレッジ目標がないままテストを追加しがちです。このスキルは、Vitest、Playwright、CIテストのための実践的な計画を提供します。
信頼性の高いJestテストスイートを構築する
作成者 C0ntr0lledCha0s
Jestプロジェクトでは、一貫したセットアップ、モック、アサーションパターンが必要になることがよくあります。このスキルは、JavaScript、TypeScript、React、Vitestスタイルのテスト向けに、焦点を絞ったガイダンス、テンプレート、チェックを提供します。
信頼性の高いテスト自動化を構築
作成者 89jobrien
弱いテストはリリースを遅らせ、リグレッションを見逃します。このスキルは、テスト戦略、TDD、自動化、カバレッジレビュー、Playwright による Web チェックをガイドします。
starknet.js で Starknet アプリを構築
作成者 internet-court
Starknet 統合では、プロバイダー、アカウント、トランザクション、手数料を正確に処理する必要があります。このスキルは、Claude、Codex、Claude Code に実践的な starknet.js v9 パターンを提供します。
型安全なReactコンポーネントを構築
作成者 softaworks
React TypeScript の作業では、event、hook、route の正確な型が必要になることがよくあります。このスキルは、型付きcomponents、React 19 APIs、routing に焦点を当てたパターンを提供します。