vue-testing-best-practices
80Vueテスト品質の改善
Vueのテストは、非同期タイミング、壊れやすい内部実装への依存、弱いスナップショットが原因で失敗しがちです。このスキルは、Claude、Codex、Claude Codeが信頼性の高いVitest、Vue Test Utils、Playwrightのパターンを採用できるように導きます。
VueUse コンポーザブルをより速く構築する
Vue および Nuxt チームは、適切なリアクティブユーティリティの選定に時間を費やします。このスキルは、要件を VueUse コンポーザブルと使用上の注意に対応付けます。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "vueuse-functions" from https://skillstore.io/skills/antfu-vueuse-functions.md and its manifest at https://skillstore.io/api/skills/antfu-vueuse-functions/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「vueuse-functions」を使用しています。 Nuxt 設定パネルにダークモード対応を追加する。
期待される結果:
アシスタントは useDark または useColorMode を推奨し、永続化の動作を説明し、SSR とユーザー設定の扱いについて補足します。
「vueuse-functions」を使用しています。 Vue コンポーネント内の手動 resize リスナーを置き換える。
期待される結果:
アシスタントは useResizeObserver または useWindowSize を提案し、クリーンアップ面の利点を説明し、関連するリファレンスガイダンスを示します。
「vueuse-functions」を使用しています。 ページ変更に反応するページネーション付きリストを構築する。
期待される結果:
アシスタントは useOffsetPagination を特定し、それが提供するリアクティブな状態を概説し、データ読み込みに接続する方法を説明します。
All 400 presented static findings are false positives caused by Markdown formatting, TypeScript declarations, relative documentation paths, and legitimate VueUse examples. Keyboard examples handle user-interface events without recording or transmitting input, while network examples use documentation endpoints or caller-provided URLs. No prompt injection or malicious intent was found in the reviewed files. Static review was capped at 400/1259 representative findings; omitted static matches are unconfirmed, so automatic publishing stays disabled until manual review.
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/antfu-vueuse-functions/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-vueuse-functions?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antfu-vueuse-functions?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-vueuse-functions/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antfu-vueuse-functions.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). vueuse-functions security audit report (audit version 6) [Author version 1.0]. Skillstore. https://skillstore.io/skills/antfu-vueuse-functions/audits/6@techreport{antfu-antfu-vueuse-functions-2026,
author = {antfu},
title = {vueuse-functions security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/antfu-vueuse-functions/audits/6},
note = {Author version 1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vueuse-functions security audit report (audit version 6)"
version: "1.0"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-vueuse-functions/audits/6"
identifiers:
- type: other
value: "skillstore:antfu-vueuse-functions:audit:6"
description: "Skillstore immutable audit report identifier"
要求された UI 動作に一致する VueUse 関数を見つけ、そのドキュメント化された使用パターンを適用します。
手書きの状態、イベント、タイミング、ブラウザ API ヘルパーを標準の VueUse コンポーザブルに置き換えます。
機能をプロジェクトに追加する前に、外部の VueUse 統合パッケージが必要かどうかを特定します。
Vue 3 で [behavior] が必要な機能を構築しています。どの VueUse コンポーザブルを使うべきですか。また、その理由は何ですか?
この Vue コンポーネントを更新して、[behavior] に最適な VueUse コンポーザブルを使用するようにしてください。必要なインポートやオプションがあれば説明してください。
このカスタム Vue リアクティブロジックをレビューし、保守性が向上する箇所では VueUse コンポーザブルに置き換えてください。
VueUse を使用して [feature] のための Nuxt 3 アプローチを設計してください。SSR の懸念、ブラウザ権限の制限、任意の依存関係を含めてください。
作成者
antfuライセンス
MIT
作者バージョン
v1.0
Skillstore リビジョン
r2
バージョンに関する注意
作者が宣言したバージョンは有効な SemVer ではありません。
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
10 ダウンロード · 428 閲覧
ファイル構成
Vueテスト品質の改善
Vueのテストは、非同期タイミング、壊れやすい内部実装への依存、弱いスナップショットが原因で失敗しがちです。このスキルは、Claude、Codex、Claude Codeが信頼性の高いVitest、Vue Test Utils、Playwrightのパターンを採用できるように導きます。
Vue Routerガードの信頼性を向上させる
Vue Routerのミスは、古いデータ、チェックの回避、リダイレクトループを引き起こす可能性があります。このスキルは、安全なガード、ルート更新、クリーンアップ、本番環境向けルーティングのための焦点を絞ったパターンを提供します。
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 ワークフローに関する簡潔なガイダンスを提供します。
信頼性の高い Vitest テストスイートを構築
最新の JavaScript プロジェクトには、Vite のワークフローに合った高速なテストが必要です。このスキルは、Claude、Codex、Claude Code に対して、Vitest のセットアップ、モック、カバレッジ、フィクスチャ、フィルタリング、スナップショット、CI 利用をガイドします。
適応性の高い Vue Composables を作成する
作成者 vuejs-ai
Vue composables は、呼び出し側がプレーンな値、refs、ゲッターを混在させて渡すと失敗しがちです。このスキルは、Claude、Codex、Claude Code が予測可能な Vue リアクティビティを備えた再利用可能な composables を設計できるよう支援します。
Vue Options API コンポーネントを改善する
作成者 vuejs-ai
Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。
Playwrightテストカバレッジの改善
作成者 C0ntr0lledCha0s
Playwrightスイートは、設定、ロケーター、フィクスチャに一貫性がないと不安定になることがあります。このスキルは、信頼性の高いブラウザテスト、デバッグ、再利用可能なページオブジェクトのための実践的なパターンを提供します。
Audit NestJS Code with Evidence-Backed Findings
作成者 amirtaherkhani
NestJS repositories can hide boundary flaws and runtime risks that lint results alone cannot reveal. This skill combines local evidence collection and semantic review into one prioritized report.
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 に焦点を当てたパターンを提供します。