Skills
.Work. You
Rest

style-migration

Community

Migrate ColorUI to UnoCSS with atomic CSS.

Design & Creative#vue3#gradient#atomic-css#unocss#vue2#colorui#style-migration
Authorruan-cat
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Migrates ColorUI and SCSS styling to UnoCSS and wot-design-uni.

Core Features & Use Cases

  • Maps ColorUI components to UnoCSS atomic classes and converts SCSS variables into UnoCSS theme tokens.
  • Transforms fixed px values to responsive rpx units and migrates gradients, spacing, and radii for Vue3 projects.
  • Provides a guided workflow and collaboration with component-migration and code-migration skills.

Quick Start

Begin by configuring UnoCSS in uno.config.ts with colorui theme tokens and then progressively replace ColorUI classes with atomic UnoCSS classes across components and pages.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: style-migration
Download link: https://github.com/ruan-cat/11comm-app/archive/main.zip#style-migration

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.