AI Agent Hub
Back to skills
Vue Admin Change Reviewer icon

Vue Admin Change Reviewer

Development Updated 2026.08.29

Paste the following prompt into your AI chat to install this skill:

Install @user_2431c93f/vue-admin-change-reviewer according to https://skillhub.cn/install/skillhub.md

About this skill

Problem Solved

When changing a small filter, button, or form field in a Vue admin dashboard, the impact can easily reach query parameters, pagination reset, permission checks, dialog state, and API timing. These changes look small but may expose overwritten legacy logic, lost filter resets, or v-if rendering issues after release. vue-admin-change-reviewer reviews Vue 2 + Element UI / Vue 3 + Element Plus CRUD admin changes before implementation or after code is pasted, focusing on safe incremental updates instead of broad rewrites.

How It Works

It separates two review modes:
- Requirement-level review: with only a feature request, it provides risk predictions, likely affected areas, minimal-change suggestions, and a smoke-test checklist.
- Code-level review: with components, composables, stores, API calls, or templates, it identifies risky branches, state-sync issues, and side effects.

Its bias is conservative: add fields instead of rebuilding query models, reuse existing methods, preserve event chains and permission checks, and avoid large structural changes. It also checks filter reset, pagination reset, table refresh, button visibility, dialog/drawer state, hidden-form validation, tab side effects, and route parameter sync.

Boundaries

It fits small, urgent, or pre-release admin-panel changes on an existing codebase. Without code, it can only assess requirement-level risk. Large refactors, new architecture, or cross-platform changes need separate design work.

Use Cases

  • Before taking over a Vue 3 admin dashboard, assess whether a new filter field may affect pagination reset and table refresh.
  • Before release, review pasted Element Plus code and locate dialog-state or permission-button risks that may break.
  • When moving a button urgently, decide whether it belongs in a shared area or a repeated action area to protect the event chain.
  • Prepare a release smoke checklist covering filter reset, table refresh, drawer state, and API timing scenarios.

Best For

  • frontend engineer maintaining a legacy Vue 2 + Element UI admin dashboard and worried about regressions from small requests
  • frontend lead responsible for pre-release risk sign-off and drafting regression checklists for change orders
  • product manager taking urgent UI changes and wanting minimal implementation guidance without refactoring
  • technical reviewer inspecting pasted frontend code to locate state-sync and permission-related hazards