zeta-design-audit

A Vue.js design system compliance audit scans component code to identify hardcoded colors, typography violations, forbidden CSS patterns, and layout class deviations from brutalist design standards. It catches common violations before they reach production.

Brutalist design violations in Vue.js frontend code include hardcoded colors, incorrect typography, excessive border-radius, gradients, and layout class violations. A design audit checks for these forbidden CSS patterns and component implementation deviations.

Yes, a design audit skill validates modern Vue patterns by verifying the use of `<script setup>`, correct API call helpers, and appropriate loading and error states. It ensures components align with modern Vue development practices and technical standards.

To prevent design drift in a Vue.js application, run a design compliance audit on new feature branch components before merging. This verifies alignment with the established brutalist aesthetic and technical standards, catching deviations early.

Yes, this design audit tool works directly with Vue.js component files. You can run the audit on a specific file path like '/src/components/NewFeatureCard.vue' to scan for design system violations and ensure brutalist compliance.

Automating brutalist design system checks for Vue.js is limited to identifying predefined code-level violations like hardcoded colors, forbidden CSS patterns, and incorrect component patterns. It cannot assess subjective visual aesthetics or runtime rendering behavior.