atlas_css_wizard
Analyze CSS to detect specificity conflicts, convert between CSS methodologies, generate design tokens, and obtain refactored CSS.
Instructions
CSS architecture analyzer that detects specificity conflicts, generates design tokens, converts between CSS methodologies (BEM, CSS Modules, Tailwind, styled-components), and provides refactored CSS.
Input Schema
| Name | Required | Description | Default |
|---|---|---|---|
| css | Yes | The CSS code to analyze | |
| html | No | Optional HTML to find unused classes | |
| framework | No | Target framework for code output | |
| generateTokens | No | Generate design system tokens | |
| targetMethodology | No | Target CSS methodology to migrate to |