migrate-canvas-styled-to-tailwind - Migrate Canvas Emotion Styles to Tailwind
Migrates Apollo React canvas components from Emotion styled-components to static apollo-wind Tailwind classes and CSS custom properties.
Tags
Updated: 2026-09-30Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Audit styled components
- Classify dynamic styles
- Choose migration patterns
- Extract magic numbers
- Decompose style files
- Replace styled components
- Remove Emotion imports
- Handle keyframes
Inputs
- Canvas styles files
- Canvas component source files
- BaseNode reference files
- User migration approval
Outputs
- Migration plan
- Tailwind component files
- Updated component imports
- Extracted constants
- Removed styled components
- Removed Emotion imports
Requirements
- Repository access
- Apollo Wind Tailwind utilities
- TypeScript React project