← ClaudeAtlas

vuelisted

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance
samuhlo/ein-agent · ★ 0 · Web & Frontend · score 75
Install: claude install-skill samuhlo/ein-agent
# Vue 3 Development Reference for Vue 3 Composition API patterns, component architecture, and testing practices. **Current stable:** Vue 3.5+ with enhanced reactivity performance (-56% memory, 10x faster array tracking), new SSR features, and improved developer experience. ## Overview Progressive reference system for Vue 3 projects. Load only files relevant to current task to minimize context usage (~250 tokens base, 500-1500 per sub-file). ## When to Use **Use this skill when:** - Writing `.vue` components - Creating composables (`use*` functions) - Building client-side utilities - Testing Vue components/composables **Use `nuxt` skill instead for:** - Server routes, API endpoints - File-based routing, middleware - Nuxt-specific patterns **For styled UI components:** use `nuxt-ui` skill **For headless accessible components:** use `reka-ui` skill **For VueUse composables:** use `vueuse` skill ## Quick Reference | Working on... | Load file | | ------------------------ | ---------------------------- | | `.vue` in `components/` | references/components.md | | File in `composables/` | references/composables.md | | File in `utils/` | references/utils-client.md | | `.spec.ts` or `.test.ts` | references/testing.md | | TypeScript patterns | references/typescript.md | | Vue Router typing | references/router.md | | Reactivity (ref, watch) | references/reactivity.md | | Custom directives