Type Audit
技能 已验证 活跃Typography-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.
功能
- 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
使用场景
- 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.
非目标
- 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.
工作流
- Extract typography values
- Detect type scale
- Evaluate font choice, pairing, readability, hierarchy
- Check performance
- Generate improved type system
- Output complete type token system
实践
- Design system auditing
- Typography best practices
- Performance optimization
- Code quality
先决条件
- Node.js 18+
安装
请先添加 Marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suite质量评分
已验证类似扩展
Component Audit
100Component consistency audit covering state coverage, hierarchy, patterns
Impeccable
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。
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