Type Audit
Skill Verified ActiveTypography-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.
Features
- 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
Use Cases
- 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.
Non-Goals
- 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
Practices
- Design system auditing
- Typography best practices
- Performance optimization
- Code quality
Prerequisites
- Node.js 18+
Installation
First, add the marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suiteQuality Score
VerifiedTrust Signals
Similar Extensions
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Impeccable
99Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
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