hdkiller/vue
.gemini/skills/vue/SKILL.md
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
$ install --global
skillsauthnpx skillsauth add hdkiller/coach vueInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 5, 2026, 5:03 PM37.8s5 files scanned
SKILL.md
- name:
- vue
- description:
- 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
- license:
- MIT
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
.vuecomponents - 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
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 |
Loading Files
Load one file at a time based on file context:
- Component work → references/components.md
- Composable work → references/composables.md
- Utils work → references/utils-client.md
- Testing → references/testing.md
DO NOT load all files at once - wastes context on irrelevant patterns.
Available Guidance
references/components.md - Props with reactive destructuring, emits patterns, defineModel for v-model, slots shorthand
references/composables.md - Composition API structure, VueUse integration, lifecycle hooks, async patterns
references/utils-client.md - Pure functions, formatters, validators, transformers, when NOT to use utils
references/testing.md - Vitest + @vue/test-utils, component testing, composable testing, mocking patterns
Examples
Working examples in resources/examples/:
component-example.vue- Full component with all patternscomposable-example.ts- Reusable composition function
Related Skills
hdkiller/ts-library
tools
VerifiedTrustedCommunity
Use when authoring TypeScript libraries - covers project setup, package exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and release workflows. Patterns extracted from 20+ high-quality ecosystem libraries.
44SKILL.mdUpdated Apr 5, 2026
hdkiller/reka-ui
development
VerifiedTrustedCommunity
Use when building with Reka UI (headless Vue components) - provides component API, accessibility patterns, composition (asChild), controlled/uncontrolled state, virtualization, and styling integration. Formerly Radix Vue.
44SKILL.mdUpdated Apr 5, 2026
hdkiller/nuxt
tools
VerifiedTrustedCommunity
Use when working on Nuxt 4+ projects - provides server routes, file-based routing, middleware patterns, Nuxt-specific composables, and configuration with latest docs. Covers h3 v1 helpers (validation, WebSocket, SSE) and nitropack v2 patterns.
44SKILL.mdUpdated Apr 5, 2026
hdkiller/nuxt-ui
development
VerifiedTrustedCommunity
Use when building styled UI with @nuxt/ui v4 components (Button, Modal, Form, Table, etc.) - provides ready-to-use components with Tailwind Variants theming. Use vue skill for raw component patterns, reka-ui for headless primitives.
44SKILL.mdUpdated Apr 5, 2026