vue-code-review

Reviews Vue 3 code for component boundaries, reactivity, typing, performance, accessibility, and security risks.

Updated Aug 22, 2026
One-click install
npx skills add https://github.com/shengmingzhishu/LeeCommonSkills --skill vue-code-review-shengmingzhishu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vue-code-review
Source: https://github.com/shengmingzhishu/LeeCommonSkills/tree/main/.rules-skills/vue-stack/.trae/skills/vue-code-review
Command: npx skills add https://github.com/shengmingzhishu/LeeCommonSkills --skill vue-code-review-shengmingzhishu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Vue 3 codebases often accumulate subtle defects—unstable props/emits contracts, watch-induced race conditions, over-globalized stores, missing request cancellation, unsafe v-html usage, and accessibility gaps—that slip past manual review. This Skill provides a structured review checklist that surfaces these issues ordered by severity with concrete fix suggestions. ## Core Features & Use Cases - Correctness-First Review: Prioritizes user-impacting defects such as race conditions in watchers, unstable component contracts, and missing error states before maintainability concerns. - Broad Risk Coverage: Inspects reactivity, TypeScript typing, template keys, store scoping, lazy loading, v-html injection risk, accessible names, and test gaps. - Actionable Output: Returns issues sorted by severity with file locations, fix recommendations, and verification suggestions; explicitly reports checked items and residual risks when no actionable problems exist. - Use Case: Before merging a pull request that adds a new dashboard component, run this review to catch a missing AbortController on fetch calls, an untyped emit, and a missing aria-label on an icon button. ## Quick Start Review the Vue components in my src/views directory for reactivity, accessibility, and security issues and list the findings by severity.

Frequently Asked Questions about vue-code-review

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review Vue 3 components for common defects?▼

Review Vue 3 components by checking props/emits stability, watcher race conditions, store scoping, template keys, request cancellation, and error states first. This Skill automates that checklist and returns severity-ordered findings with file locations and fix suggestions.

What should a Vue code review checklist include?▼

A Vue code review checklist should cover component contracts, reactivity correctness, TypeScript typing, performance issues like missing lazy loading, accessibility concerns such as accessible names, v-html injection risk, and test coverage gaps.

Does this review work with Vue 3 Composition API and Pinia stores?▼

Yes, the review targets Vue 3 patterns including Composition API reactivity and store usage. It specifically flags over-globalized stores and watch-based race conditions common in Composition API code.

Why is v-html flagged during a Vue security review?▼

v-html renders raw HTML directly into the DOM, which creates cross-site scripting risk when the content includes untrusted user input. The review flags v-html usage so you can verify the source is sanitized or replace it with safe text interpolation.

What happens when the review finds no issues?▼

When no actionable problems are found, the review explicitly lists the items that were checked and states any residual risks. This avoids silent passes and gives reviewers confidence about the scope of the inspection.