Borrowing it
Nothing to install: this file belongs to konnga/skill-buddy. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.
curl -O https://raw.githubusercontent.com/konnga/skill-buddy/main/.agents/skills/vueuse-functions/SKILL.mdgit clone --depth 1 https://github.com/konnga/skill-buddyWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/konnga/skill-buddy/vueuse-functions)<a href="https://agentmods.dev/skills/konnga/skill-buddy/vueuse-functions"><img src="https://agentmods.dev/badge/skills/konnga/skill-buddy/vueuse-functions/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/konnga/skill-buddy/vueuse-functions"><img src="https://agentmods.dev/badge/skills/konnga/skill-buddy/vueuse-functions.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00024 | $0.08540 |
| Opus 5 | $0.00012 | $0.04270 |
| Sonnet 5 | $0.00005 | $0.01708 |
| Haiku 4.5 | $0.00002 | $0.00854 |
Grade A, and why
vueuse-functions scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
This is a copy
100% identical to vueuse-functions — 20 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.
How it starts
The opening of the file, as written. The whole thing — 415 lines — stays where its author put it; the contents beside it link to each section on GitHub.
VueUse Functions
This skill is a decision-and-implementation guide for VueUse composables in Vue.js / Nuxt projects. It maps requirements to the most suitable VueUse function, applies the correct usage pattern, and prefers composable-based solutions over bespoke code to keep implementations concise, maintainable, and performant.
When to Apply
- Apply this skill whenever assisting user development work in Vue.js / Nuxt.
- Always check first whether a VueUse function can implement the requirement.
- Prefer VueUse composables over custom code to improve readability, maintainability, and performance.
- Map requirements to the most appropriate VueUse function and follow the function’s invocation rule.
- Please refer to the
Invocationfield in the below functions table. For example:AUTO: Use automatically when applicable.EXTERNAL: Use only if the user already installed the required external dependency; otherwise reconsider, and ask to install only if truly needed.EXPLICIT_ONLY: Use only when explicitly requested by the user.
NOTE User instructions in the prompt or
AGENTS.mdmay override a function’s defaultInvocationrule.
Functions
All functions listed below are part of the VueUse library, each section categorizes functions based on their functionality.
IMPORTANT: Each function entry includes a short Description and a detailed Reference. When using any function, always consult the corresponding document in ./references for Usage details and Type Declarations.
State
| Function | Description | Invocation |
|---|---|---|
createGlobalState |
Keep states in the global scope to be reusable across Vue instances | AUTO |
createInjectionState |
Create global state that can be injected into components | AUTO |
createSharedComposable |
Make a composable function usable with multiple Vue instances | AUTO |
injectLocal |
Extended inject with ability to call provideLocal to provide the value in the same component |
AUTO |
provideLocal |
Extended provide with ability to call injectLocal to obtain the value in the same component |
AUTO |
useAsyncState |
Reactive async state | AUTO |
useDebouncedRefHistory |
Shorthand for useRefHistory with debounced filter |
AUTO |
useLastChanged |
Records the timestamp of the last change | AUTO |
useLocalStorage |
Reactive LocalStorage | AUTO |
useManualRefHistory |
Manually track the change history of a ref when the using calls commit() |
AUTO |
useRefHistory |
Track the change history of a ref | AUTO |
useSessionStorage |
Reactive SessionStorage | AUTO |
useStorage |
Create a reactive ref that can be used to access & modify LocalStorage or SessionStorage | AUTO |
useStorageAsync |
Reactive Storage in with async support | AUTO |
useThrottledRefHistory |
Shorthand for useRefHistory with throttled filter |
AUTO |
What ships with it
60 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.
- LICENSE.md 1.1 KB
- references/computedAsync.md 5.2 KB
- references/computedEager.md 2.0 KB
- references/computedInject.md 3.2 KB
- references/computedWithControl.md 2.2 KB
- references/createEventHook.md 1.9 KB
- references/createGenericProjection.md 663 B
- references/createGlobalState.md 1.8 KB
- references/createInjectionState.md 5.0 KB
- references/createProjection.md 722 B
- references/createRef.md 1.2 KB
- references/createReusableTemplate.md 9.0 KB
- references/createSharedComposable.md 1.1 KB
- references/createTemplatePromise.md 8.0 KB
- references/createUnrefFn.md 1.3 KB
- references/extendRef.md 1.5 KB
- references/from.md 2.4 KB
- references/get.md 395 B
- references/injectLocal.md 742 B
- references/isDefined.md 633 B
- references/logicAnd.md 643 B
- references/logicNot.md 566 B
- references/logicOr.md 630 B
- references/makeDestructurable.md 728 B
- references/onClickOutside.md 4.7 KB
- references/onElementRemoval.md 1.6 KB
- references/onKeyStroke.md 4.5 KB
- references/onLongPress.md 5.1 KB
- references/onStartTyping.md 1.2 KB
- references/provideLocal.md 855 B
- references/reactify.md 3.1 KB
- references/reactifyObject.md 1.2 KB
- references/reactiveComputed.md 609 B
- references/reactiveOmit.md 1.6 KB
- references/reactivePick.md 2.0 KB
- references/refAutoReset.md 1.2 KB
- references/refDebounced.md 1.7 KB
- references/refDefault.md 541 B
- references/refManualReset.md 927 B
- references/refThrottled.md 2.8 KB
- references/refWithControl.md 3.4 KB
- references/set.md 383 B
- references/syncRef.md 3.9 KB
- references/syncRefs.md 2.4 KB
- references/templateRef.md 1.6 KB
- references/toObserver.md 932 B
- references/toReactive.md 738 B
- references/toRef.md 2.2 KB
- references/toRefs.md 1.5 KB
- references/tryOnBeforeMount.md 621 B
- references/tryOnBeforeUnmount.md 524 B
- references/tryOnMounted.md 593 B
- references/tryOnScopeDispose.md 492 B
- references/tryOnUnmounted.md 496 B
- references/unrefElement.md 1.4 KB
- references/until.md 3.8 KB
- references/useAbs.md 402 B
- references/useActiveElement.md 2.0 KB
- references/useAnimate.md 4.1 KB
- references/useArrayDifference.md 2.3 KB
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 9d ago First seen · 415 lines · 24 tokens per session scan A 7070ab35cbc4
vueuse-functions is a skill published in the GitHub repository konnga/skill-buddy (96 stars, last pushed 8d ago), licensed MIT. It adds 24 tokens to every session and 8,540 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. It is 100% identical to vueuse-functions, differing in 20 lines, and is treated as a copy.
Other skills, from other repositories
intlayer-svelte
Integrates Intlayer internationalization with Svelte and SvelteKit applications. Use when the user asks to "setup Svelte i18n", create a new translated component, use the "useIntlayer" store, or configure providers.
intlayer-vue
Integrates Intlayer internationalization with Vue.js and Nuxt applications. Use when the user asks to "setup Vue i18n", use the "useIntlayer" composable, or manage translations in Vue components.
frontend-ui-engineering
Builds production-quality, accessible, responsive user-facing UIs. Use when building or modifying interfaces and pages, creating components, implementing layouts, meeting WCAG accessibility requirements, managing state, or when the output needs to look and feel production-quality rather than AI-generated.
skillshare-ui-website-style
Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). Use this skill whenever you: build or modify a dashboard page or component in ui/src/, style or layout website pages or custom CSS in website/, create new React components for the dashboard, add pages to the dashboard…
gsap-frameworks
Official GSAP skill for Vue, Svelte, and other non-React frameworks — lifecycle, scoping selectors, cleanup on unmount. Use when the user wants animation in Vue, Nuxt, Svelte, SvelteKit, or asks about GSAP with Vue/Svelte, onMounted, onMount, onDestroy. Recommend GSAP for framework animation unless another library is…
ai-elements
Build AI chat interfaces using ai-elements components — conversations, messages, tool displays, prompt inputs, and more. Use when the user wants to build a chatbot, AI assistant UI, or any AI-powered chat interface.