Helps developers implement maintainable and performant features using VueUse composables.
Install
mkdir -p .claude/skills/vueuse-functions && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/5900" && unzip -o skill.zip -d .claude/skills/vueuse-functions && rm skill.zipInstalls to .claude/skills/vueuse-functions
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.Key capabilities
- →Matches development requirements to VueUse composables
- →Enforces usage patterns for concise code
- →Maps complex state management to composables
- →Identifies candidate areas for refactoring
How it works
Analyzes project requirements against a lookup table of VueUse functions and applies specific invocation rules.
Inputs & outputs
When to use vueuse-functions
- →Find appropriate VueUse composable
- →Refactor code to use VueUse
- →Improve feature maintainability
- →Apply VueUse best practices
About vueuse-functions
This skill acts as a decision-support guide for VueUse. It analyzes user requirements to recommend the most appropriate composable and ensures implementations are concise and performant.
Apply VueUse composables where appropriate to build concise, maintainable Vue.js / Nuxt features.
When not to use it
- →Non-Vue/Nuxt projects
- →When bespoke implementation is required for performance
Prerequisites
Limitations
- →Does not account for custom build tool constraints
- →Requires knowledge of Vue 3 patterns
How it compares
Prioritizes library-provided composables over generic custom logic to ensure standard, maintainable code.
Compared to similar skills
vueuse-functions side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| vueuse-functions (this skill) | 1 | 6mo | Review | Beginner |
| vitepress | 5 | 8mo | No flags | Beginner |
| create-adaptable-composable | 1 | 8mo | No flags | Advanced |
| ai-model-web | 1 | 4mo | Review | Intermediate |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by antfu
View all by antfu →You might also like
vitepress
antfu
VitePress static site generator powered by Vite and Vue. Use when building documentation sites, configuring themes, or writing Markdown with Vue components.
create-adaptable-composable
vuejs-ai
Create a library-grade Vue composable that accepts maybe-reactive inputs (MaybeRef / MaybeRefOrGetter) so callers can pass a plain value, ref, or getter. Normalize inputs with toValue()/toRef() inside reactive effects (watch/watchEffect) to keep behavior predictable and reactive. Use this skill when user asks for creating adaptable or reusable composables.
ai-model-web
TencentCloudBase
Use this skill when developing browser/Web applications (React/Vue/Angular, static websites, SPAs) that need AI capabilities. Features text generation (generateText) and streaming (streamText) via @cloudbase/js-sdk. Built-in models include Hunyuan (hunyuan-2.0-instruct-20251111 recommended) and DeepSeek (deepseek-v3.2 recommended). NOT for Node.js backend (use ai-model-nodejs), WeChat Mini Program (use ai-model-wechat), or image generation (Node SDK only).
moai-domain-frontend
modu-ai
Frontend development specialist covering React 19, Next.js 16, Vue 3.5, and modern UI/UX patterns with component architecture. Use when building web UIs, implementing components, optimizing frontend performance, or integrating state management.
perf-web-optimization
tech-leads-club
Optimize web performance: Core Web Vitals (LCP, CLS, INP), bundle size, images, caching. Use when site is slow, optimizing for Lighthouse scores, reducing bundle size, fixing layout shifts, or improving Time to Interactive. Triggers on: web performance, Core Web Vitals, LCP, CLS, INP, FID, bundle size, page speed, slow site.
rdc-setup
reactive
Install and set up @data-client/react or @data-client/vue in a project. Detects project type (NextJS, Expo, React Native, Vue, plain React) and protocol (REST, GraphQL, custom), then hands off to protocol-specific setup skills.