Audits the CELLM Design System Engine to ensure component coverage, decision quality, and codebase alignment.
The DSE Audit skill provides a comprehensive evaluation of your Design System Engine (DSE) within the Nuxt 4 ecosystem. It systematically scans for decision coverage gaps, validates that UI components adhere to established design system rules, and identifies hardcoded values or raw Tailwind utility usage that should be replaced with semantic tokens. By generating a structured report with severity levels, it helps developers maintain a clean, consistent, and scalable UI architecture without the need for manual code reviews.
主要功能
010 GitHub stars
02Read-only safety ensuring no files are modified during the audit
03Automated decision coverage analysis for all design entities
04Semantic token validation to eliminate hardcoded hex colors and raw Tailwind classes
05Alignment checks between .vue components and DSE definitions
06Structured reporting with severity-based findings
使用场景
01Reviewing a project for UI consistency before a production release
02Identifying missing design system decisions in a rapidly growing codebase
03Ensuring developers are using semantic tokens instead of hardcoded styling in Vue components
