# Vuetify agent skills for Claude Code, Cursor and RevampKey

> Ready-made Vuetify playbooks for AI agents: look up Vuetify component APIs for your exact version, build a minimal Vuetify reproduction and bug report with AI, plan a Vuetify upgrade with AI. Free SKILL.md files for Claude Code, Cursor and Codex, or one click in RevampKey.

## Skills

- [Use Vuetify MCP well and safely](https://revampkey.com/marketplace/vuetify-mcp/skills/essentials.md): Gives an AI assistant guidance on connecting Vuetify MCP, choosing between the docs-only and Vuetify One endpoints, and handling version checks and blocked results. It asks before creating any bin, playground, link or bug report.
- [Look up Vuetify component APIs for your exact version](https://revampkey.com/marketplace/vuetify-mcp/skills/vuetify-component-api-lookup.md): Answers questions about a Vuetify component's or directive's props, events and slots for the version your project uses, and flags where versions differ. It reads the version first and does not change your files.
- [Build a minimal Vuetify reproduction and bug report with AI](https://revampkey.com/marketplace/vuetify-mcp/skills/vuetify-reproduction-bin.md): Strips a suspected Vuetify bug down to a minimal, shareable reproduction and drafts a clean bug report with pinned versions. It asks before creating any bin, playground or link, or submitting anything public.
- [Plan a Vuetify upgrade with AI](https://revampkey.com/marketplace/vuetify-mcp/skills/vuetify-upgrade-plan.md): Turns the official Vuetify upgrade guide, release notes and v4 breaking changes into a risk-ranked migration checklist matched to your codebase. It checks the repository before claiming anything is unaffected and asks before changing any files.
- [Review Vuetify0 adoption with AI](https://revampkey.com/marketplace/vuetify-mcp/skills/vuetify0-adoption-review.md): Checks whether the headless Vuetify0 library fits a feature, grades each requirement as covered, partial or not covered, and lists the work that remains. It checks exports against the version in use before recommending them.

## Install

- RevampKey: connect Vuetify at https://revampkey.com/marketplace/vuetify-mcp; the skills come with it.
- Any Agent Skills tool, into the current project:

```bash
for s in essentials vuetify-component-api-lookup vuetify-reproduction-bin vuetify-upgrade-plan vuetify0-adoption-review; do
  curl -fsSL --create-dirs -o .agents/skills/vuetify-mcp-$s/SKILL.md https://revampkey.com/marketplace/vuetify-mcp/skills/$s/SKILL.md
done
```

### What is a Vuetify agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each Vuetify skill describes one job, which Vuetify tools to use in which order, what to check first and when to stop and ask you.

### Do the Vuetify skills change anything on their own?

3 of the 5 only read. The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in Vuetify.

### Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect Vuetify; elsewhere you copy the folders into your project or skills directory.

### Do I need the Vuetify MCP server too?

Yes. The skills tell the agent how to do the work; the Vuetify MCP server gives it the tools to do it. The Vuetify MCP setup guide covers every client.

MCP setup guide: https://revampkey.com/marketplace/vuetify-mcp.md