component-migration

What problem does it solve?

This skill removes ambiguity and repetitive work when converting legacy ColorUI and uni-app component usages to the wot-design-uni component library and UnoCSS conventions, while fixing TypeScript types, slot/prop misuse, and cross-platform compatibility issues.

Core Features & Use Cases

• Component mapping and conversion: precise mappings from cu-btn/cu-list/cu-card and other ColorUI components to wd-button/wd-cell/wd-cell-group and related wot-design-uni components.
• Icon and asset migration: migrate cuIcon-* to wd-icon with i-carbon-* classes and convert image tags to wd-img with UnoCSS sizing.
• Form and interaction rules: enforce wd-form wrapping, wd-picker nesting rules, wd-checkbox vs wd-picker selection patterns, and wd-status-tip for empty states.
• Type and usage fixes: resolve TypeScript type errors, correct inputValidate patterns, and ensure message.prompt callback usage instead of awaiting non-Promise wrappers.
• Process and safety checklist: step-by-step execution checklist requiring official docs lookup, example verification, single-component edits, and IDE diagnostics before committing.

Quick Start

Analyze a Vue page that uses ColorUI and produce a step-by-step migration plan converting each component and class to wot-design-uni/UnoCSS, listing exact attribute changes, icon replacements, and validation checks.