Vue Admin Change Reviewer
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
Related Skills
A one-shot coding agent built on Claude Code CLI that runs non-interactively, supports a specified workdir, and can be monitored in the foreground or background.
Preview and confirm file sorting by extension, with recursive cleanup, ignore rules, and transactional rollback.
An engineering assistant for static HTML/CSS/JS pages, design-token extraction, IE8-compatible review, and structured delivery.
An engineering workflow for requirement analysis, scenario modeling, risk planning, quality gates, testing, and knowledge capture, with lightweight, standard, and full modes.