migrate-antd-v6
CommunityMigrate antd v3 to v6 with zero regression risk.
Authorwilsonfaustino
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Manually migrating deprecated antd v3 (antdV3 npm alias) imports to antd v6 carries high risk of introducing silent visual and behavior regressions in production UI, with no reliable way to verify changes are safe before committing.
Core Features & Use Cases
- Single-target scoped migration: Limits changes to one specified file or route, never performing repo-wide sweeps of remaining antdV3 holdouts.
- Regression-proof verification: Captures before/after Playwright screenshots of real rendered routes, including loading states and real user interaction behavior checks, to catch visual and functional regressions.
- Repo-convention aligned: Discovers and matches the target repository's existing antd v6 code patterns to ensure migrated code fits seamlessly with the existing codebase. Use this skill when a Sonar no-restricted-imports MAJOR alert flags an antdV3 import, or a product owner requests migrating a specific component to antd v6.
Quick Start
Use the migrate-antd-v6 skill to migrate the target file src/components/LegacyForm.tsx from antdV3 to antd v6, capturing before/after screenshots of the /user-settings route to verify no visual or behavior regressions before you commit the changes.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: migrate-antd-v6 Download link: https://github.com/wilsonfaustino/ai-tools/archive/main.zip#migrate-antd-v6 Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 537,000+ vetted skills library on demand.