vue

Generate Vue components from descriptions and review .vue files.

Updated Jan 26, 2026
One-click install
npx skills add https://github.com/TTT1231/claude-rules --skill vue-ttt1231
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: vue
Source: https://github.com/TTT1231/claude-rules/tree/main/.claude/skills/vue
Command: npx skills add https://github.com/TTT1231/claude-rules --skill vue-ttt1231

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill streamlines Vue.js component development by generating high-quality code based on requirements and provides in-depth code review capabilities for Vue files.

Core Features & Use Cases

  • Development Mode: Generates Vue components and composables from natural language descriptions.
  • Review Mode: Analyzes specified Vue files for structural integrity, type safety, performance, and adherence to modern practices.
  • Use Case: Describe a new user profile card component, and the skill will generate the Vue code. Later, use the review mode to check a complex view file for potential issues.

Quick Start

Describe your requirement for a new Vue component.

Frequently Asked Questions about vue

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

FAQPage Schema
How do I generate Vue components from natural language descriptions?

To generate Vue components from natural language descriptions, you simply provide your requirement text. The Skill uses a decision tree to determine the component type and outputs high-quality Vue.js code and composables.

What's the best way to review Vue files for type safety and performance?

The best way to review Vue files for type safety and performance is to use an AI-powered analysis tool. It inspects your .vue files against a checklist to identify structural and TypeScript issues.

Can I use this for Vue.js component development with TypeScript?

Yes, you can use this for Vue.js component development with TypeScript. It facilitates the creation of components and composables while ensuring type safety during code generation and review.

How does the decision tree work for Vue component type determination?

The decision tree for Vue component type determination works by evaluating your natural language description. It routes the requirement to generate the appropriate component structure and composable logic.

When do I need a code review for my Vue files?

You need a code review for your Vue files when you want to check complex views for potential issues. It helps ensure structural integrity, type safety, and performance before deployment.