vueuse-motion-skilld
Get guidance on implementing, debugging, and optimizing animations using @vueuse/motion.
Install
mkdir -p .claude/skills/vueuse-motion-skilld && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/15221" && unzip -o skill.zip -d .claude/skills/vueuse-motion-skilld && rm skill.zipInstalls to .claude/skills/vueuse-motion-skilld
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.
Vue Composables putting your components in motion. ALWAYS use when writing code importing \"@vueuse/motion\". Consult for debugging, best practices, or modifying @vueuse/motion, vueuse/motion, vueuse motion, motion.Key capabilities
- →Debug motion animations in Vue components
- →Implement best practices for VueUse Motion
- →Modify existing VueUse Motion implementations
- →Search for specific information within VueUse Motion documentation
- →Access package references like README and documentation
- →Review release information for VueUse Motion
How it works
This skill provides documentation and search capabilities for the `@vueuse/motion` library, offering guidance on its use and modification.
Inputs & outputs
When to use vueuse-motion-skilld
- →Debugging motion animations
- →Implementing component entrance effects
- →Optimizing animation code
About this skill
vueuse/motion @vueuse/[email protected]
Tags: beta: 2.0.0-beta.29, latest: 3.0.3
References: package.json • README • Docs • Issues • Discussions • Releases
Search
Use skilld search "query" -p @vueuse/motion instead of grepping .skilld/ directories. Run skilld search --guide -p @vueuse/motion for full syntax, filters, and operators.
When not to use it
- →When not working with `@vueuse/motion`
- →When not debugging or modifying motion in Vue components
Limitations
- →The skill is specific to `@vueuse/motion`
- →The skill does not provide general Vue development guidance
How it compares
It centralizes specific technical details and best practices for `@vueuse/motion`, unlike general Vue documentation.
Compared to similar skills
vueuse-motion-skilld side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| vueuse-motion-skilld (this skill) | 0 | 2mo | No flags | Beginner |
| ui | 4 | 1mo | Review | Intermediate |
| web-development | 5 | 2mo | No flags | Intermediate |
| webf-quickstart | 1 | 7mo | Review | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
ui
nuxt
Build UIs with @nuxt/ui v4 — 125+ accessible Vue components with Tailwind CSS theming. Use when creating interfaces, customizing themes to match a brand, building forms, or composing layouts like dashboards, docs sites, and chat interfaces.
web-development
TencentCloudBase
Web frontend project development rules. Use this skill when developing web frontend pages, deploying static hosting, and integrating CloudBase Web SDK.
webf-quickstart
openwebf
Get started with WebF development - setup WebF Go, create a React/Vue/Svelte project with Vite, and load your first app. Use when starting a new WebF project, onboarding new developers, or setting up development environment.
comprehensive-testing-verification
ananddtyagi
MASTER Vue.js application testing with strict enforcement of verification protocols. Systematically test functionality with Playwright, validate bug fixes, verify features work, and enforce zero-tolerance policies for false success claims. MANDATORY testing with visual evidence before any deployment or functionality claims.
inertia-vue-development
eurofurence
>-
nuxt
Raya46
Nuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid rendering.