スキル vueuse-functions

📦

vueuse-functions

Name: vueuse-functions
Author: antfu

v1.0 コンテンツリビジョン r2 安全 ⚙️ 外部コマンド🌐 ネットワークアクセス📁 ファイルシステムへのアクセス

VueUse コンポーザブルをより速く構築する

Vue および Nuxt チームは、適切なリアクティブユーティリティの選定に時間を費やします。このスキルは、要件を VueUse コンポーザブルと使用上の注意に対応付けます。

対応: Claude Codex Code(CC)

📊 76 十分

インストール前に停止して確認を求めてください。

計画を確認し、ファイルを変更する前にユーザーの明示的な同意を得てください。

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

このリクエストをエージェントにコピーしてください。正規の 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 エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。

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

テストする

「vueuse-functions」を使用しています。 Nuxt 設定パネルにダークモード対応を追加する。

期待される結果:

アシスタントは useDark または useColorMode を推奨し、永続化の動作を説明し、SSR とユーザー設定の扱いについて補足します。

「vueuse-functions」を使用しています。 Vue コンポーネント内の手動 resize リスナーを置き換える。

期待される結果:

アシスタントは useResizeObserver または useWindowSize を提案し、クリーンアップ面の利点を説明し、関連するリファレンスガイダンスを示します。

「vueuse-functions」を使用しています。ページ変更に反応するページネーション付きリストを構築する。

期待される結果:

アシスタントは useOffsetPagination を特定し、それが提供するリアクティブな状態を概説し、データ読み込みに接続する方法を説明します。

セキュリティ監査

安全

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

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.

269

スキャンされたファイル

25,948

解析済み行数

レビュー項目

誤検知を無視

リスク要因

⚙️ 外部コマンド (50)

references/computedAsync.md:59-65 references/computedAsync.md:193-195 references/computedEager.md:60-62 references/computedWithControl.md:19-20 references/computedWithControl.md:20-22 references/computedWithControl.md:96-98 references/createDisposableDirective.md:21-27 references/createDisposableDirective.md:36-47 references/createEventHook.md:53-86 references/createInjectionState.md:33 references/createInjectionState.md:47-50 references/createInjectionState.md:188-226 references/createRef.md:36 references/createRef.md:46 references/createReusableTemplate.md:124 references/createReusableTemplate.md:133 references/createReusableTemplate.md:347 references/createTemplatePromise.md:260 references/get.md:23-30 references/injectLocal.md:24-27 references/injectLocal.md:27-30 references/injectLocal.md:30-35 references/logicAnd.md:29-38 references/logicAnd.md:38-40 references/logicNot.md:27-34 references/logicNot.md:34-36 references/logicOr.md:29-38 references/logicOr.md:38-40 references/onKeyStroke.md:42-49 references/onKeyStroke.md:153-212 references/onLongPress.md:89-92 references/onLongPress.md:194-235 references/provideLocal.md:25-28 references/provideLocal.md:28-31 references/provideLocal.md:31-37 references/reactify.md:142-144 references/reactifyObject.md:18-19 references/reactifyObject.md:47-62 references/refAutoReset.md:44-46 references/refDebounced.md:77-79 references/refDebounced.md:79-81 references/refManualReset.md:33 references/refManualReset.md:34-48 references/refThrottled.md:95-97 references/refThrottled.md:97-99 references/refWithControl.md:58-59 references/refWithControl.md:69-70 references/refWithControl.md:85-94 references/refWithControl.md:117-123 references/refWithControl.md:123-143

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

references/computedAsync.md:58 references/computedAsync.md:59 references/computedAsync.md:168 references/computedEager.md:50 references/createDisposableDirective.md:38 references/createEventHook.md:20 references/createEventHook.md:54 references/createEventHook.md:81 references/createGlobalState.md:87 references/createInjectionState.md:206 references/createReusableTemplate.md:350 references/createSharedComposable.md:35 references/createTemplatePromise.md:299 references/createUnrefFn.md:26 references/createUnrefFn.md:22 references/logicAnd.md:31 references/logicNot.md:29 references/logicOr.md:31 references/onClickOutside.md:209 references/onKeyStroke.md:162 references/onKeyStroke.md:176 references/onKeyStroke.md:189 references/onKeyStroke.md:202 references/onStartTyping.md:45 references/refAutoReset.md:36 references/refManualReset.md:42 references/templateRef.md:76 references/toReactive.md:35 references/toRefs.md:70 references/until.md:17 references/until.md:17 references/until.md:145 references/useAbs.md:24 references/useActiveElement.md:78 references/useAnimate.md:170 references/useArrayDifference.md:66 references/useArrayEvery.md:47 references/useArrayFilter.md:47 references/useArrayFind.md:38 references/useArrayFindIndex.md:47 references/useArrayFindLast.md:40 references/useArrayIncludes.md:42 references/useArrayJoin.md:62 references/useArrayMap.md:47 references/useArrayReduce.md:52 references/useArrayReduce.md:67 references/useArraySome.md:47 references/useArrayUnique.md:65 references/useAsyncQueue.md:126 references/useAsyncState.md:13

📁 ファイルシステムへのアクセス (8)

references/useBreakpoints.md:103 references/useExtractedObservable.md:23 references/useMediaQuery.md:35 references/useSSRWidth.md:7 references/watchExtractedObservable.md:20 references/watchExtractedObservable.md:42 references/watchExtractedObservable.md:69 SKILL.md:111

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

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

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

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

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

レポートリンクをコピー

https://skillstore.io/skills/antfu-vueuse-functions/audits/6?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdownバッジ

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

HTMLバッジ

<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>

学術引用 (APA · BibTeX · CFF)

APA形式の引用

antfu. (2026). vueuse-functions security audit report (audit version 6) [Author version 1.0]. Skillstore. https://skillstore.io/skills/antfu-vueuse-functions/audits/6

BibTeX形式の引用

@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}
}

CITATION.cff

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"

Skillstore スコア

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

アーキテクチャ

保守性

コンテンツ

コミュニティ

仕様準拠

作成できるもの

機能に適したコンポーザブルを選択する

要求された UI 動作に一致する VueUse 関数を見つけ、そのドキュメント化された使用パターンを適用します。

カスタムのリアクティブコードを最新化する

手書きの状態、イベント、タイミング、ブラウザ API ヘルパーを標準の VueUse コンポーザブルに置き換えます。

任意の統合を計画する

機能をプロジェクトに追加する前に、外部の VueUse 統合パッケージが必要かどうかを特定します。

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

VueUse の候補を見つける

Vue 3 で [behavior] が必要な機能を構築しています。どの VueUse コンポーザブルを使うべきですか。また、その理由は何ですか？

コンポーザブルを適用する

この Vue コンポーネントを更新して、[behavior] に最適な VueUse コンポーザブルを使用するようにしてください。必要なインポートやオプションがあれば説明してください。

カスタムロジックをリファクタリングする

このカスタム Vue リアクティブロジックをレビューし、保守性が向上する箇所では VueUse コンポーザブルに置き換えてください。

Nuxt パターンを設計する

VueUse を使用して [feature] のための Nuxt 3 アプローチを設計してください。SSR の懸念、ブラウザ権限の制限、任意の依存関係を含めてください。

ベストプラクティス

外部または明示的使用のみのコンポーザブルを使う前に、呼び出しルールを確認します。
カスタムのイベント、タイマー、ストレージ、オブザーバーコードを削減できる場合は、VueUse ユーティリティを優先します。
センサー、メディア、ファイル、window API を使用する前に、ブラウザ権限と SSR の動作を確認します。

回避

プロジェクトですでに使用されている場合、またはユーザーがインストールを承認した場合を除き、任意の統合パッケージを追加しないでください。
ガードなしで、サーバーレンダリング中にブラウザ専用コンポーザブルを使用しないでください。
VueUse コンポーザブルによって意味のある簡素化が得られない場合は、明確なネイティブ Vue コードを置き換えないでください。

よくある質問

このスキルは VueUse をインストールしますか？

いいえ。実装とパッケージ選定をガイドしますが、インストールはプロジェクト側の判断です。

どのプロジェクトでこのスキルを使用できますか？

VueUse コンポーザブルを使用できる Vue 3 および Nuxt 3 プロジェクトを対象としています。

類似するコンポーザブルの中から選択できますか？

はい。要求された動作をローカルのリファレンスページおよび呼び出しルールと比較します。

外部の VueUse 統合をサポートしていますか？

はい。ただし、外部統合は依存関係がすでに存在する場合、または承認済みの場合にのみ使用すべきです。

SSR の懸念に対応できますか？

はい。ブラウザ専用 API を指摘し、ガードや Nuxt で安全な使用パターンを提案できます。

リファレンスファイルは実行可能ですか？

いいえ。それらは実装のガイドに使用される Markdown ドキュメントと型リファレンスです。

開発者情報

作成者

antfu

ライセンス

MIT

作者バージョン

v1.0

Skillstore リビジョン

バージョンに関する注意

作者が宣言したバージョンは有効な SemVer ではありません。

リポジトリ

https://github.com/antfu/skills/tree/main/skills/vueuse-functions/

参照

89edfdc710d0846129dcee6a929477b04f08052c

メンテナンスの新しさ

2026/7/24

利用状況

10 ダウンロード · 428 閲覧

ファイル構成

📄 LICENSE.md

📁 references/

📄 computedAsync.md

📄 computedEager.md

📄 computedInject.md

📄 computedWithControl.md

📄 createDisposableDirective.md

📄 createEventHook.md

📄 createGenericProjection.md

📄 createGlobalState.md

📄 createInjectionState.md

📄 createProjection.md

📄 createRef.md

📄 createReusableTemplate.md

📄 createSharedComposable.md

📄 createTemplatePromise.md

📄 createUnrefFn.md

📄 extendRef.md

📄 from.md

📄 get.md

📄 injectLocal.md

📄 isDefined.md

📄 logicAnd.md

📄 logicNot.md

📄 logicOr.md

📄 makeDestructurable.md

📄 onClickOutside.md

📄 onElementRemoval.md

📄 onKeyStroke.md

📄 onLongPress.md

📄 onStartTyping.md

📄 provideLocal.md

📄 reactify.md

📄 reactifyObject.md

📄 reactiveComputed.md

📄 reactiveOmit.md

📄 reactivePick.md

📄 refAutoReset.md

📄 refDebounced.md

📄 refDefault.md

📄 refManualReset.md

📄 refThrottled.md

📄 refWithControl.md

📄 set.md

📄 syncRef.md

📄 syncRefs.md

📄 templateRef.md

📄 toObserver.md

📄 toReactive.md

📄 toRef.md

📄 toRefs.md

📄 tryOnBeforeMount.md

📄 tryOnBeforeUnmount.md

📄 tryOnMounted.md

📄 tryOnScopeDispose.md

📄 tryOnUnmounted.md

📄 unrefElement.md

📄 until.md

📄 useAbs.md

📄 useActiveElement.md

📄 useAnimate.md

📄 useArrayDifference.md

📄 useArrayEvery.md

📄 useArrayFilter.md

📄 useArrayFind.md

📄 useArrayFindIndex.md

📄 useArrayFindLast.md

📄 useArrayIncludes.md

📄 useArrayJoin.md

📄 useArrayMap.md

📄 useArrayReduce.md

📄 useArraySome.md

📄 useArrayUnique.md

📄 useAsyncQueue.md

📄 useAsyncState.md

📄 useAsyncValidator.md

📄 useAuth.md

📄 useAverage.md

📄 useAxios.md

📄 useBase64.md

📄 useBattery.md

📄 useBluetooth.md

📄 useBreakpoints.md

📄 useBroadcastChannel.md

📄 useBrowserLocation.md

📄 useCached.md

📄 useCeil.md

📄 useChangeCase.md

📄 useClamp.md

📄 useClipboard.md

📄 useClipboardItems.md

📄 useCloned.md

📄 useColorMode.md

📄 useConfirmDialog.md

📄 useCookies.md

📄 useCountdown.md

📄 useCounter.md

📄 useCssSupports.md

📄 useCssVar.md

📄 useCurrentElement.md

📄 useCycleList.md

📄 useDark.md

📄 useDateFormat.md

📄 useDebouncedRefHistory.md

📄 useDebounceFn.md

📄 useDeviceMotion.md

📄 useDeviceOrientation.md

📄 useDevicePixelRatio.md

📄 useDevicesList.md

📄 useDisplayMedia.md

📄 useDocumentVisibility.md

📄 useDraggable.md

📄 useDrauu.md

📄 useDropZone.md

📄 useElementBounding.md

📄 useElementByPoint.md

📄 useElementHover.md

📄 useElementSize.md

📄 useElementVisibility.md

📄 useEventBus.md

📄 useEventListener.md

📄 useEventSource.md

📄 useExtractedObservable.md

📄 useEyeDropper.md

📄 useFavicon.md

📄 useFetch.md

📄 useFileDialog.md

📄 useFileSystemAccess.md

📄 useFirestore.md

📄 useFloor.md

📄 useFocus.md

📄 useFocusTrap.md

📄 useFocusWithin.md

📄 useFps.md

📄 useFullscreen.md

📄 useFuse.md

📄 useGamepad.md

📄 useGeolocation.md

📄 useIDBKeyval.md

📄 useIdle.md

📄 useImage.md

📄 useInfiniteScroll.md

📄 useIntersectionObserver.md

📄 useInterval.md

📄 useIntervalFn.md

📄 useIpcRenderer.md

📄 useIpcRendererInvoke.md

📄 useIpcRendererOn.md

📄 useJwt.md

📄 useKeyModifier.md

📄 useLastChanged.md

📄 useLocalStorage.md

📄 useMagicKeys.md

📄 useManualRefHistory.md

📄 useMath.md

📄 useMax.md

📄 useMediaControls.md

📄 useMediaQuery.md

📄 useMemoize.md

📄 useMemory.md

📄 useMin.md

📄 useMounted.md

📄 useMouse.md

📄 useMouseInElement.md

📄 useMousePressed.md

📄 useMutationObserver.md

📄 useNavigatorLanguage.md

📄 useNetwork.md

📄 useNow.md

📄 useNProgress.md

📄 useObjectUrl.md

📄 useObservable.md

📄 useOffsetPagination.md

📄 useOnline.md

📄 usePageLeave.md

📄 useParallax.md

📄 useParentElement.md

📄 usePerformanceObserver.md

📄 usePermission.md

📄 usePointer.md

📄 usePointerLock.md

📄 usePointerSwipe.md

📄 usePrecision.md

📄 usePreferredColorScheme.md

📄 usePreferredContrast.md

📄 usePreferredDark.md

📄 usePreferredLanguages.md

📄 usePreferredReducedMotion.md

📄 usePreferredReducedTransparency.md

📄 usePrevious.md

📄 useProjection.md

📄 useQRCode.md

📄 useRafFn.md

📄 useRefHistory.md

📄 useResizeObserver.md

📄 useRound.md

📄 useRouteHash.md

📄 useRouteParams.md

📄 useRouteQuery.md

📄 useRTDB.md

📄 useScreenOrientation.md

📄 useScreenSafeArea.md

📄 useScriptTag.md

📄 useScroll.md

📄 useScrollLock.md

📄 useSessionStorage.md

📄 useShare.md

📄 useSortable.md

📄 useSorted.md

📄 useSpeechRecognition.md

📄 useSpeechSynthesis.md

📄 useSSRWidth.md

📄 useStepper.md

📄 useStorage.md

📄 useStorageAsync.md

📄 useStyleTag.md

📄 useSubject.md

📄 useSubscription.md

📄 useSum.md

📄 useSupported.md

📄 useSwipe.md

📄 useTemplateRefsList.md

📄 useTextareaAutosize.md

📄 useTextDirection.md

📄 useTextSelection.md

📄 useThrottledRefHistory.md

📄 useThrottleFn.md

📄 useTimeAgo.md

📄 useTimeAgoIntl.md

📄 useTimeout.md

📄 useTimeoutFn.md

📄 useTimeoutPoll.md

📄 useTimestamp.md

📄 useTitle.md

📄 useToggle.md

📄 useToNumber.md

📄 useToString.md

📄 useTransition.md

📄 useTrunc.md

📄 useUrlSearchParams.md

📄 useUserMedia.md

📄 useVibrate.md

📄 useVirtualList.md

📄 useVModel.md

📄 useVModels.md

📄 useWakeLock.md

📄 useWebNotification.md

📄 useWebSocket.md

📄 useWebWorker.md

📄 useWebWorkerFn.md

📄 useWindowFocus.md

📄 useWindowScroll.md

📄 useWindowSize.md

📄 useZoomFactor.md

📄 useZoomLevel.md

📄 watchArray.md

📄 watchAtMost.md

📄 watchDebounced.md

📄 watchDeep.md

📄 watchExtractedObservable.md

📄 watchIgnorable.md

📄 watchImmediate.md

📄 watchOnce.md

📄 watchPausable.md

📄 watchThrottled.md

📄 watchTriggerable.md

📄 watchWithFilter.md

📄 whenever.md

📄 SKILL.md

📄 SYNC.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のリファレンスを提供します。

コーディング＆開発表示

📦

vite

Vite アプリをより速く構築

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

コーディング＆開発表示

📦

vitest

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

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

コーディング＆開発表示

すべて表示

📦