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

•

设计工具

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.

主要功能

1 GitHub stars
Supports automated bulk replacement to quickly update legacy documentation
Automated detection of deprecated Nuxt UI v3 components like UFormGroup and UButtonGroup
Identifies attribute name changes such as the transition from ':options' to ':items'
Generates detailed reports with line-by-line migration suggestions and code previews
Scans Markdown files and embedded Vue code blocks for syntax inconsistencies

使用场景

Auditing existing project documentation during a Nuxt UI version upgrade
Ensuring quality control for newly created technical specifications and design guides
Maintaining consistency across collaborative development teams using legacy and modern UI patterns

关于

主要功能

1 GitHub stars
Supports automated bulk replacement to quickly update legacy documentation
Automated detection of deprecated Nuxt UI v3 components like UFormGroup and UButtonGroup
Identifies attribute name changes such as the transition from ':options' to ':items'
Generates detailed reports with line-by-line migration suggestions and code previews
Scans Markdown files and embedded Vue code blocks for syntax inconsistencies

使用场景

Auditing existing project documentation during a Nuxt UI version upgrade
Ensuring quality control for newly created technical specifications and design guides
Maintaining consistency across collaborative development teams using legacy and modern UI patterns