📦
vue-best-practices
82Improve Vue 3 Code Quality
Vue projects often collect reactivity, component, and performance mistakes over time. This skill gives targeted Vue 3 guidance for safer patterns and clearer code.
Coding & Development View
Skills vue-development-guides
📦
vue-development-guides
v17.0.0 Content revision r1 Safe ⚙️ External commands🌐 Network access
Build Better Vue and Nuxt Components
Vue teams need consistent guidance for components, reactivity, and state flow. This skill gives Claude, Codex, and Claude Code practical Vue 3 and Nuxt 3 review rules.
Supports: Claude Codex Code(CC)
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Agent request
Review the Skillstore skill "vue-development-guides" from https://skillstore.io/skills/vuejs-ai-vue-development-guides.md and its manifest at https://skillstore.io/api/skills/vuejs-ai-vue-development-guides/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "vue-development-guides". A developer asks for a review of a search component with watchers.
Expected outcome:
Highlights missing request cleanup, recommends aborting stale requests, and suggests derived state through computed values.
Using "vue-development-guides". A team wants guidance for state sharing across several Nuxt pages.
Expected outcome:
Explains when local props and emits are enough, when provide/inject helps, and when Pinia is a better fit.
Using "vue-development-guides". An assistant generated one large Vue component for a complex screen.
Expected outcome:
Suggests focused child components, composables for stateful logic, and clearer SFC section organization.
Security Audit
Safev4 • 7/7/2026 Open versioned report
Reviewed all 22 static findings; each is a false positive from Markdown guidance, inline code spans, TypeScript template literals, or a relative Vue fetch example. No prompt injection, command execution, external endpoint, credential access, or data exfiltration intent was found.
5
Files scanned
625
Lines analyzed
0
Review items
0
False positives ignored
Risk Factors
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: codex View Audit History →
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/vuejs-ai-vue-development-guides/audits/4?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/vuejs-ai-vue-development-guides?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/vuejs-ai-vue-development-guides?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vuejs-ai-vue-development-guides/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/vuejs-ai-vue-development-guides.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
vuejs-ai. (2026). vue-development-guides security audit report (audit version 4) [Author version 17.0.0]. Skillstore. https://skillstore.io/skills/vuejs-ai-vue-development-guides/audits/4BibTeX citation
@techreport{vuejs-ai-vuejs-ai-vue-development-guides-2026,
author = {vuejs-ai},
title = {vue-development-guides security audit report (audit version 4)},
institution = {Skillstore},
year = {2026},
number = {4},
url = {https://skillstore.io/skills/vuejs-ai-vue-development-guides/audits/4},
note = {Author version 17.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vue-development-guides security audit report (audit version 4)"
version: "17.0.0"
type: report
authors:
- name: "vuejs-ai"
date-released: "2026-07-07"
url: "https://skillstore.io/skills/vuejs-ai-vue-development-guides/audits/4"
identifiers:
- type: other
value: "skillstore:vuejs-ai-vue-development-guides:audit:4"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: High 45
Architecture
100
Maintainability
85
Content
70
Community
91
Spec Compliance
What You Can Build
Review a Vue component
Check a component for reactivity mistakes, unclear data flow, and SFC structure issues.
Standardize code reviews
Use shared guidance when reviewing Nuxt components, composables, and state management choices.
Guide generated Vue code
Ask Claude, Codex, or Claude Code to apply Vue conventions before producing edits.
Try These Prompts
Start a Component
Create a Vue 3 component for [feature]. Use Composition API, script setup, typed props, emits, and scoped styles.
Review Reactivity
Review this Vue code for reactivity issues. Check ref, reactive, computed, watch, and async cleanup patterns.
Refactor Data Flow
Refactor this parent and child component design. Use props, emits, v-model, or provide/inject where each choice fits.
Design State Strategy
Recommend a state management approach for this Vue or Nuxt feature. Compare composable stores, VueUse global state, and Pinia.
Best Practices
- Use Composition API and typed script setup unless the project has another standard.
- Keep source state minimal and derive values with computed properties.
- Choose the smallest state sharing pattern that fits the feature.
Avoid
- Do not store derived values in refs when computed values can express them.
- Do not mix v-if and v-for on the same element.
- Do not use a global store for short-lived component state.
Frequently Asked Questions
What projects does this skill target?
It targets Vue 3 and Nuxt 3 projects.
Can it write Vue code?
It guides AI code generation and reviews. It does not execute code by itself.
Does it require Pinia?
No. It recommends Pinia mainly for Nuxt, SSR, large apps, or features needing DevTools.
Does it cover Vue single-file components?
Yes. It covers script setup, template patterns, slots, refs, attributes, and scoped styles.
Can it help with performance?
Yes. It emphasizes computed values, predictable state, focused components, and avoiding unnecessary render work.
Is it safe for private code?
The skill is documentation-only. Review any AI tool configuration before sending private code to external services.
Developer Details
Author
vuejs-aiLicense
MIT
Author version
v17.0.0
Skillstore revision
r1
Ref
36e07d5e13068e5be64447e8f20b427cf2cbd21a
Maintenance freshness
7/18/2026
Usage
27 downloads · 169 views
File structure
More from vuejs-ai
View all📦
vue-options-api-best-practices
81Improve Vue Options API Code
Vue Options API projects often lose type safety and correct this binding. This skill gives focused rules for safer Vue 3 components.
Coding & Development View
📦
create-adaptable-composable
81Create Adaptable Vue Composables
Vue composables often need to accept plain values, refs, computed values, or getters. This skill guides Claude, Codex, and Claude Code to design reusable composables with predictable reactivity.
Coding & Development View
📦
vue-pinia-best-practices
80Improve Pinia Store Reliability
Pinia apps often fail from early store access, broken reactivity, or hidden setup-store state. This skill gives Claude, Codex, and Claude Code practical checks for safer Vue state management.
Coding & Development View
📦
vue-testing-best-practices
80Improve Vue Testing Practices
Vue teams often struggle with brittle component tests, async rendering, and E2E setup choices. This skill gives practical Vue testing patterns for Vitest, Vue Test Utils, Pinia, Teleport, Suspense, and Playwright.
Coding & Development View
📦
vue-router-best-practices
80Improve Vue Router Navigation Patterns
Vue Router bugs often come from guard flow, route params, and component lifecycle assumptions. This skill gives Claude, Codex, and Claude Code focused patterns for safer Vue Router 4 implementations.
Coding & Development View
Related Skills
View all📦
react-email
82Build React Email Templates
by resend
HTML email work is difficult because email clients render styles differently. This skill guides Claude, Codex, and Claude Code through React Email templates, previews, sending, and accessibility.
Coding & Development View
📦
vercel-react-view-transitions
82Implement React View Transitions
by vercel-labs
React view transitions are easy to misplace, causing silent or noisy animations. This skill guides route, Suspense, list, and shared element animation choices.
Coding & Development View
📦
senior-frontend
81Build Frontend Apps Faster
by davila7
Frontend work often needs consistent React patterns, performance checks, and project scaffolding. This skill gives Claude and compatible agents practical guidance and local helper scripts for modern web application development.
Coding & Development View
📦
vercel-react-best-practices
80Optimize React and Next.js Code
by vercel-labs
React and Next.js applications often lose performance through waterfalls, large bundles, and avoidable re-renders. This skill gives Claude, Codex, and Claude Code concrete review rules for faster frontend work.
Coding & Development View
📦
wordpress-theme-development
80Build Custom WordPress Themes
by sickn33
Custom WordPress theme work often spans templates, PHP setup, editor support, styling, and testing. This skill turns that work into a phased workflow for Claude, Codex, and Claude Code.
Coding & Development View
📦
ai-model-web
80Add CloudBase AI Models to Web Apps
by tencentcloudbase
Browser AI integration can fail when model groups, auth, or Token Credits are not prepared. This skill guides CloudBase preflight, model enabling, and SDK calls for web apps.
Coding & Development View