Type Audit
Skill Verifiziert AktivTypography-only audit covering font selection, type scale, readability, hierarchy, performance
To provide developers and designers with objective, data-driven insights into their project's typography system, moving beyond subjective review to actionable, evidence-based improvements.
Funktionen
- Typography system audit
- Type scale detection
- Font choice and readability evaluation
- Performance analysis (font loading)
- Generation of improved type systems
- Output of complete type token systems
Anwendungsfälle
- Auditing an existing project's typography for consistency and best practices.
- Improving the readability and hierarchy of a website's text elements.
- Ensuring optimal font performance and reducing load times.
- Generating a new, mathematically sound type scale for a design system.
Nicht-Ziele
- Auditing other aspects of UI/UX beyond typography (e.g., color, layout, accessibility).
- Providing subjective design opinions or aesthetic preferences.
- Automatically refactoring code; instead, it provides recommendations and data for manual or automated implementation.
Workflow
- Extract typography values
- Detect type scale
- Evaluate font choice, pairing, readability, hierarchy
- Check performance
- Generate improved type system
- Output complete type token system
Praktiken
- Design system auditing
- Typography best practices
- Performance optimization
- Code quality
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
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
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.
Color Audit
100Color-only audit to extract, evaluate, and recommend improvements for the project's color system
Brand Landingpage
99Brand-first landing page designer — interviews the user to discover brand identity (adjectives, colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML output. Preferred over frontend-design for standalone landing/marketing pages where the user hasn't established visual direction yet. TRIGGER when: user asks to "create/design/build a landing page", "make a homepage for my project/product/service", "build a marketing page", or wants to promote an app/side project. Especially when they haven't defined brand colors, fonts, or visual style — the guided brand interview is the core value. DO NOT TRIGGER when: user has a specific design mockup to implement, wants a dashboard or app UI, needs component-level frontend work (buttons, forms, navbars), is building a multi-page application, or is restyling an existing page with known design tokens. Use frontend-design for those cases.
Refactor Plan
100Prioritized redesign action plan covering quick wins, medium effort, major rework
Layout Audit
100Layout and spacing audit covering grid, spacing consistency, density, responsive behavior