How do I trigger an automated code review?

You can trigger a review by using the command /vue followed by a file path or directory name to receive a detailed diagnostic report.

Can it help me refactor large Vue files?

Absolutely. It includes a decision tree to determine when a component should be split into smaller sub-components or moved into a Composable.

Does it enforce TypeScript standards?

Yes, the skill is designed to provide full TypeScript type definitions for all generated Props, Emits, and Refs to ensure type safety.

Does this skill support the latest Vue 3 features?

Yes, it prioritizes Vue 3.5+ features including useTemplateRef, useId, and defineModel for modern development.

Vue Developer & Code Reviewer

Name: Vue Developer & Code Reviewer
Author: TTT1231

byTTT1231

0•

デザインツール

Generates high-quality Vue 3 components and performs automated code reviews using modern Composition API standards.

This skill streamlines the Vue.js development lifecycle by providing intelligent code generation and comprehensive auditing. It specializes in Vue 3.5+ features, ensuring that components utilize the latest standards like script setup, defineModel, and strict TypeScript integration. Whether you are building complex UI libraries or refactoring large components into reusable Composables, this skill provides a structured approach to development. Its built-in review mode allows developers to scan directories for architectural issues, performance bottlenecks, and accessibility gaps, providing a detailed diagnostic report to maintain high code quality.

主な機能

010 GitHub stars

02Strict TypeScript enforcement for props, emits, and state management

03Native support for Vue 3.5+ features like useTemplateRef and defineModel

04Automated Vue 3 component and Composable generation using script setup

05Intelligent refactoring logic to split large components into manageable units

06Comprehensive code review mode via the /vue command with diagnostic reports

ユースケース

01Rapidly scaffolding feature-rich UI components with standardized design patterns

02Extracting complex business logic into reusable, type-safe Composables

03Conducting automated quality audits and performance checks on existing Vue codebases

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ttt1231/claude-rules vue

For use in Claude.ai and ChatGPT

Download Skill