Which files does this skill specifically analyze?

The skill focuses on Markdown (.md) files, particularly those in the docs/working/ directory, but it can be configured to scan the entire project upon request.

Will it accidentally change text in my descriptions?

The skill is designed to prioritize code blocks (e.g., ```vue) and includes logic to avoid changing text intended as historical examples or intentional v3 references.

Does it handle changes to the options attribute?

Yes, it specifically looks for ':options=', 'options=', and 'v-bind:options=' to suggest or apply the change to ':items=' as required in v4.

Can this skill automatically fix the detected issues?

Yes, after providing a summary of detected issues, the skill offers an 'Auto-Fix' option that uses the Edit tool to replace v3 syntax with v4 equivalents.

Nuxt UI v4 Migration Assistant

Name: Nuxt UI v4 Migration Assistant
Author: sakamotchi

bysakamotchi

•

Design Tools

Detects and migrates legacy Nuxt UI v3 syntax to modern v4 standards within project documentation and code blocks.

This skill streamlines the transition from Nuxt UI v3 to v4 by scanning project documentation (specifically Markdown files) for deprecated components and attributes. It automatically identifies common breaking changes, such as the evolution of UFormGroup into UFormField and the replacement of the options attribute with items. By providing interactive reports and automated correction options, it ensures your technical documentation stays accurate and aligned with the latest framework patterns, significantly reducing the manual effort required for frontend migrations.

Key Features

011 GitHub stars

02Supports automated bulk replacement to quickly update legacy documentation

03Automated detection of deprecated Nuxt UI v3 components like UFormGroup and UButtonGroup

04Identifies attribute name changes such as the transition from ':options' to ':items'

05Generates detailed reports with line-by-line migration suggestions and code previews

06Scans Markdown files and embedded Vue code blocks for syntax inconsistencies

Use Cases

01Auditing existing project documentation during a Nuxt UI version upgrade

02Ensuring quality control for newly created technical specifications and design guides

03Maintaining consistency across collaborative development teams using legacy and modern UI patterns

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sakamotchi/sql-query-build check-nuxt-ui-v4

For use in Claude.ai and ChatGPT

Download Skill