Vue2 Frontend Code Review Assistant

src

src

When to Use

• By default, reviews all changed files in the

  src

  directory obtained via

  git diff

  .
• Users specify specific files or folder scopes within the

  src

  directory.
• Comprehensive review before code merging.
• Quality check before code submission.

Inapplicable Scenarios

• Non-Vue2 projects (React, Vue3, Angular, etc.).
• Projects without an

  src

  directory structure.
• Reviewing files outside the

  src

  directory.
• Automatically modifying code for fixes (unless the user explicitly requests it).

Supported File Types for Review

.vue

.js

.css

.scss

.less

Review Workflow

Step 1: Directory Validation + Obtain Changed Files

1. Check if the project has an

   src

   directory. If not, reply:

   The current project does not meet the directory requirements for Vue2 frontend code review. This skill only supports frontend projects containing an src directory. And terminate.

2. Execute

   git diff --name-only HEAD

   and

   git diff --cached --name-only

   to get all changed files, merge and deduplicate them, then strictly filter out files under the

   src

   directory.
3. If no matching files are found, reply:

   There are no modified files in the current src directory that need review. And terminate.

Step 2: Multi-Dimensional Code Review

references/component.md

references/code-style.md

references/naming.md

references/logic-and-request.md

references/logic-and-request.md

references/logic-and-request.md

references/best-practice.md

references/best-practice.md

references/best-practice.md

• Issues related to comments are ignored by default and not checked.
• Using

  ==

  is not considered a problem.

• console.warn

  in the

  catch

  block is not considered a problem.
• Emit events must be within the whitelist (three categories: interaction / popup / operation).

Step 3: Output Review Results

Step 4: Automatic Submission Judgment

• Pass (no issues or only minor issues): Output the review pass report and call the

  yy-frontend-commit

  skill to execute submission.
• Fail (critical or medium issues exist): Output the complete review results and repair suggestions (prioritize critical → medium → minor), wait for the user to fix and then re-review.

Output Contract

Review Pass (no issues or only minor)

## Review Result: Pass

### Issue Statistics

| Severity | Count |
| -------- | ---- |
| Critical | 0    |
| Medium   | 0    |
| Minor    | N    |

### Summary

All files comply with Vue2 frontend development specifications, review passed.

yy-frontend-commit

Review Fail (critical or medium issues exist)

## Review Result: Fail

### Issue Statistics

| Severity | Count |
| -------- | ---- |
| Critical | N    |
| Medium   | N    |
| Minor    | N    |

### Issue Details

#### [File Name]

**Critical Issues**:

1. **Issue Type**: [Type Description]
   - **Location**: File path: line number
   - **Description**: [Detailed Description]
   - **Code Snippet**: [Involved Code]
   - **Repair Suggestion**: [Specific Suggestion]

**Medium Issues**:

...

**Minor Issues**:

...