Layout Audit
Skill Verifiziert AktivLayout and spacing audit covering grid, spacing consistency, density, responsive behavior
To objectively measure and improve the design quality of user interfaces by providing data-driven audits and actionable code-level fixes for layout and spacing.
Funktionen
- Automated layout and spacing audit
- Grid, density, and responsive behavior analysis
- Scoring based on UX laws and standards
- Generates recommendations and code fixes
- Local execution with no dependencies
Anwendungsfälle
- Auditing design consistency across a project
- Ensuring adherence to spacing and grid best practices
- Evaluating responsive behavior and breakpoint implementation
- Improving overall UI/UX quality with data-backed insights
Nicht-Ziele
- Performing functional testing of application logic
- Analyzing backend code or infrastructure
- Providing subjective design opinions without data
- Modifying project code without explicit user action
Workflow
- Extract spacing values
- Detect spacing scale and base unit
- Evaluate grid system, density, whitespace
- Check responsive breakpoints and container widths
- Generate spacing scale and output recommendations
Praktiken
- Design Auditing
- Code Quality
- UI/UX Best Practices
Voraussetzungen
- Node.js 18+
Installation
Zuerst Marketplace hinzufügen
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suiteQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Type Audit
100Typography-only audit covering font selection, type scale, readability, hierarchy, performance
Design Audit
100Full project design audit that orchestrates all agents, scores across 12 dimensions, generates prioritized action plan
Ui Ux Pro Max
100UI/UX design intelligence with searchable style, palette, typography, and chart databases. Use when designing UI components, choosing colors/fonts, reviewing code for UX issues, building landing pages, or implementing responsive layouts.
A11y Audit
100Accessibility audit covering WCAG 2.2, contrast, focus, keyboard, screen reader, touch targets
Impeccable
99Verwenden Sie dies, wenn der Benutzer ein Frontend-Interface entwerfen, neu gestalten, formen, kritisieren, prüfen, polieren, klären, destillieren, härten, optimieren, anpassen, animieren, einfärben, extrahieren oder anderweitig verbessern möchte. Deckt Websites, Landingpages, Dashboards, Produkt-UI, App-Shells, Komponenten, Formulare, Einstellungen, Onboarding und leere Zustände ab. Umfasst UX-Bewertung, visuelle Hierarchie, Informationsarchitektur, kognitive Last, Barrierefreiheit, Leistung, responsives Verhalten, Theming, Anti-Patterns, Typografie, Schriften, Abstände, Layout, Ausrichtung, Farbe, Bewegung, Mikrointeraktionen, UX-Texte, Fehlerzustände, Randfälle, i18n und wiederverwendbare Designsysteme oder Tokens. Verwenden Sie es auch für langweilige Designs, die mutiger oder ansprechender werden sollen, laute Designs, die leiser werden sollen, Live-Browser-Iterationen an UI-Elementen oder ambitionierte visuelle Effekte, die technisch außergewöhnlich wirken sollen. Nicht für reine Backend- oder Nicht-UI-Aufgaben.