code-review

Review Vue 3 code changes for architecture, state, styling, types, and readability.

1|Updated Jun 4, 2026
One-click install
npx skills add https://github.com/TarasTsavolyk/claude-code-frontend --skill code-review-tarastsavolyk
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: code-review
Source: https://github.com/TarasTsavolyk/claude-code-frontend/tree/main/.claude/skills/code-review
Command: npx skills add https://github.com/TarasTsavolyk/claude-code-frontend --skill code-review-tarastsavolyk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps ensure code quality in Vue projects by reviewing changes for architecture fit, state management, styling, token use, types, and readability.

Core Features & Use Cases

  • Architecture Fit: Check for correct placement, feature boundaries, and component API shape.
  • State & Data Management: Validate local vs Pinia state management, data fetching, and error handling.
  • Styling: Enforce token use, shared-style mechanisms, and consistency across responsive and dark modes.
  • Code Style & Types: Ensure SFC conventions, naming, imports, hygiene, and type safety.
  • Security: Identify obvious security sinks for further review.
  • Use Case: Before merging a Vue change, use this Skill to review it for architectural compliance, readability, and adherence to coding standards.

Quick Start

Run the 'code-review' skill on your Vue code change.

Frequently Asked Questions about code-review

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

FAQPage Schema
How do I review Vue code changes for architecture fit and state management?

Vue code review for state management involves validating correct local versus Pinia state usage, data fetching, and error handling. Using an automated review skill helps ensure your Vue 3 changes adhere to these architectural standards before merging.

What is the best way to enforce styling and token use in Vue 3 projects?

Enforcing styling and token use in Vue 3 involves running automated checks that verify shared-style mechanisms and consistency across responsive and dark modes. This validates that your Single File Components maintain strict design token compliance.

Does this Vue code review tool work with Vite, Pinia, Vitest, and Playwright?

Yes, this Vue code review tool is specifically designed for Vue 3 projects using Vite, Pinia, Vitest, and Playwright. It accurately reviews code changes for architecture fit, types, and readability within this exact technology stack.

Can I review React or Angular code changes using a Vue code review skill?

You can review framework-equivalent code changes for other frameworks using translation mode. This feature translates non-Vue code into Vue equivalents to evaluate architecture fit, state management, and styling against Vue 3 standards.

How do I check Vue Single File Components for type safety and naming conventions?

To check Vue Single File Components for type safety and naming conventions, run an automated code style review. This process validates SFC conventions, imports, hygiene, and type safety alongside identifying obvious security sinks for further review.

When should I use an automated Vue code review instead of manual checks?

You should use an automated Vue code review before merging any Vue change to consistently enforce architectural compliance, readability, and coding standards. It systematically validates feature boundaries and state management where manual checks might be inconsistent.