CommunityCodierung & Entwicklunggithub.com

jovd83/design-fidelity-auditor

Prüft Frontend-Implementierungen auf Abweichungen vom Design-System in CSS, Tailwind, JSX, TSX, Vue und Angular-Code.

Was ist design-fidelity-auditor?

Diese Skill führt automatische Audits von Frontend-Code durch, um Abweichungen von einem definierten Design-System (Design-System-Drift) zu erkennen. Sie unterstützt CSS, Tailwind, JSX, TSX, Vue und Angular-Code und identifiziert Inkonsistenzen bei Farben, Abständen, Typografie, Komponenten-Nutzung und benutzerdefinierten Stilen. Der Auditor ist nützlich, um die visuelle Konsistenz in großen Codebasen zu wahren, Code-Reviews zu beschleunigen und manuelle QA-Aufwände zu reduzieren. Er arbeitet plattformunabhängig mit einem Konfigurationsschema, das an das jeweilige Design-System angepasst werden kann, und integriert sich in CI/CD-Pipelines oder IDE-Workflows.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add jovd83/design-fidelity-auditor

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht design-fidelity-auditor?

Prüft Frontend-Implementierungen auf Abweichungen vom Design-System in CSS, Tailwind, JSX, TSX, Vue und Angular-Code.

Verwandte Skills