frankiglesias/vue-best-practices159 installs
vue-best-practices
This skill should be used when the user asks to review, refactor, debug, or optimize Vue 3 code for performance, correctness, SSR hydration, reactivity stability, request concurrency, TypeScript safety, or bundle size.
How do I install this agent skill?
npx skills add https://github.com/frankiglesias/vue-best-practices --skill vue-best-practicesIs this agent skill safe to install?
- Gen Agent Trust Hubpass
The skill is a collection of documentation files providing best practices for Vue 3 development. It contains no executable scripts, network operations, or external dependencies. No security risks were identified.
- Socketpass
No alerts
- Snykpass
Risk: LOW · No issues
- Runlayerwarn
25/26 files flagged
What does this agent skill do?
Vue Best Practices
Use this skill as a rulebook for fixing common Vue 3 anti-patterns in production apps.
Workflow
- Open
AGENTS.md. - Select only the relevant rule files from
rules/. - Apply the smallest safe change that resolves the issue.
- Re-check behavior and run the project's lint, test, and build checks.
Repository Guardrails
- Use Vue 3 Composition API with
<script setup lang="ts">. - Follow the existing state-management pattern already used by the project (Vuex, Pinia, etc.).
- Do not create new global components.
- Do not add comments unless the user explicitly asks for them.
- Do not import Vue compiler macros (
defineProps,defineEmits,defineExpose,withDefaults) fromvue. - Match ESLint style defaults in this repo: semicolons, single quotes, trailing commas for multiline, 2-space indent.
Output Expectations
- Explain which rules were applied and why.
- Prefer composables and pure utilities over ad-hoc component logic.
- Keep changes incremental; avoid broad rewrites unless asked.
How can the creator link this skill?
Add the canonical catalog link to the repository README so users can inspect current installs and available audits. The publishing guide covers the complete discovery path.
<a href="https://skillzs.dev/skills/frankiglesias/vue-best-practices/vue-best-practices">View vue-best-practices on skillZs</a>