generate-scss-variables

What problem does it solve?

现有的 SCSS 变量命名常常不一致，缺乏设计系统的规范化变量定义，导致风格重复与维护成本上升。本技能通过自动生成符合命名规范的变量定义，或对现有变量进行合规性审计，帮助前端快速对齐设计体系。

Core Features & Use Cases

• 自动生成符合组件-元素-属性-变体结构的 SCSS 变量，确保变量名全称、以 CSS 变量形式存在、并提供默认语义令牌 fallback。
• 审计现有 SCSS 变量，检测命名、前缀、默认值和结构是否符合规则，给出可执行的修正建议。
• 支持从零创建新变量集，或对现有组件属性扩展变量，常用于新组件或新特性的快速落地。

Quick Start

Provide a component name and the list of SCSS attributes to generate standardized design-system compliant variables.