Use when working with VueUse composables - track mouse position with useMouse, manage localStorage with useStorage, detect network status with useNetwork, debounce values with refDebounced, and access browser APIs reactively. Check VueUse before writing custom composables - most patterns already implemented.
Ask your Agent
Use this Skill: https://skilld.dev/gh/onmax/claude-config/vueuse
This session only. Nothing lands on disk.
Reactive window scroll
Package: @vueuse/core
Category: Elements
<script setup lang="ts">
import { useWindowScroll } from '@vueuse/core'
const { x, y } = useWindowScroll()
</script>
<template>
<div>
read current x, y scroll: {{ x }}, {{ y }}
</div>
<button @click="x = 100">
scroll X to 100
</button>
<button @click="y = 100">
scroll Y to 100
</button>
</template>Source: SKILL.md on GitHub
Signed by skilld at 50538df. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.
Last checked against GitHub 12 hours ago.