vue-testing-best-practices
80Vueテスト品質の改善
Vueのテストは、非同期タイミング、壊れやすい内部実装への依存、弱いスナップショットが原因で失敗しがちです。このスキルは、Claude、Codex、Claude Codeが信頼性の高いVitest、Vue Test Utils、Playwrightのパターンを採用できるように導きます。
Anthony Fu流の開発デフォルトを適用
最新のTypeScriptプロジェクトには、linting、testing、release、documentationに関する一貫した選択が必要です。このスキルは、pnpm、ESLint、Vitest、Vue、Vite、Nuxt、monorepo向けにAnthony Fu氏のデフォルトを適用します。
インストール前に停止して確認を求めてください。
計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "antfu" from https://skillstore.io/skills/antfu-antfu.md and its manifest at https://skillstore.io/api/skills/antfu-antfu/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
「antfu」を使用しています。 新しいTypeScript packageには一貫したtoolingが必要です。
期待される結果:
pnpm、厳格なTypeScript、ESM、@antfu/eslint-config、Vitest、VitePress documentation手順を選択するセットアップ計画。
「antfu」を使用しています。 Vueアプリにはframeworkとstyleのガイダンスが必要です。
期待される結果:
use caseに応じてViteまたはNuxtを選択し、Vue 3 Composition API、shallow refs、UnoCSS、VueUseを適用する推奨事項。
「antfu」を使用しています。 チームはpackages全体で共有規約を求めています。
期待される結果:
pnpm workspaces、package scripts、ESLint cache、centralized aliases、release workflowのレビューポイントを網羅するmonorepoチェックリスト。
Forty-five static alerts are false positives caused by Markdown, fixed paths, or standard configuration examples. Ten alerts confirm package-manager, script, lint-fix, and hook execution guidance. No prompt injection or secret access was found; mutable third-party Actions create a high-severity supply-chain risk.
これらは、このスキルに期待される可能性のある実際のローカル機能であるため、レビューが必要ですが、確認済みの悪意ある動作としてはカウントされません。
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
https://skillstore.io/skills/antfu-antfu/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/antfu-antfu?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/antfu-antfu?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/antfu-antfu/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/antfu-antfu.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). antfu security audit report (audit version 6) [Author version 2026.06.22]. Skillstore. https://skillstore.io/skills/antfu-antfu/audits/6@techreport{antfu-antfu-antfu-2026,
author = {antfu},
title = {antfu security audit report (audit version 6)},
institution = {Skillstore},
year = {2026},
number = {6},
url = {https://skillstore.io/skills/antfu-antfu/audits/6},
note = {Author version 2026.06.22}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "antfu security audit report (audit version 6)"
version: "2026.06.22"
type: report
authors:
- name: "antfu"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/antfu-antfu/audits/6"
identifiers:
- type: other
value: "skillstore:antfu-antfu:audit:6"
description: "Skillstore immutable audit report identifier"
pnpm、ESLint、Vitest、VitePress、release scriptsを備えた厳格なESM packageを作成します。
Vue 3、ViteまたはNuxt、UnoCSS、VueUse、TypeScript component規約を適用します。
pnpm workspaces、shared scripts、ESLint cache、centralized aliases、任意のTurborepoガイダンスをセットアップします。
このプロジェクトをレビューし、Anthony Fu氏のTypeScript、pnpm、ESM、ESLintのデフォルトに合わせるための最小限の変更セットを推奨してください。
@antfu/eslint-config、Vitest、simple-git-hooks、lint-staged向けにプロジェクト計画を更新してください。ユーザー承認が必要なpackage scriptsも含めてください。
このアプリケーション向けにVite plus VueとNuxtを比較してください。state、props、emits、UnoCSS、VueUseについて、Anthony Fuスタイルのセットアップを推奨してください。
single packageから、shared aliases、recursive scripts、ESLint cache、release workflow safeguardsを備えたpnpm workspace monorepoへの移行計画を作成してください。
作成者
antfuライセンス
MIT
作者バージョン
v2026.06.22
Skillstore リビジョン
r2
バージョンに関する注意
作者が宣言したバージョンは有効な SemVer ではありません。
参照
89edfdc710d0846129dcee6a929477b04f08052c
メンテナンスの新しさ
2026/7/24
利用状況
9 ダウンロード · 148 閲覧
ファイル構成
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 Options API コンポーネントを改善する
作成者 vuejs-ai
Vue Options API プロジェクトでは、型安全性や正しい this バインディングが失われることがあります。このスキルは、より安全な Vue コンポーネントのための実践的なパターンを提供します。
適応性の高い Vue Composables を作成する
作成者 vuejs-ai
Vue composables は、呼び出し側がプレーンな値、refs、ゲッターを混在させて渡すと失敗しがちです。このスキルは、Claude、Codex、Claude Code が予測可能な Vue リアクティビティを備えた再利用可能な composables を設計できるよう支援します。
TypeScriptプロジェクトを改善する
作成者 sickn33
TypeScriptプロジェクトでは、厳格な型付け、遅いビルド、複雑な移行に悩まされることがよくあります。このスキルは、現代的なTypeScript作業のための実践的な診断、レビュー用チェックリスト、解決パターンを提供します。
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 パターンを提供します。