Layout Audit
技能 已验证 活跃Layout 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.
功能
- 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
使用场景
- 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
非目标
- Performing functional testing of application logic
- Analyzing backend code or infrastructure
- Providing subjective design opinions without data
- Modifying project code without explicit user action
工作流
- 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
实践
- Design Auditing
- Code Quality
- UI/UX Best Practices
先决条件
- Node.js 18+
安装
请先添加 Marketplace
/plugin marketplace add Aboudjem/ui-ux-suite/plugin install ui-ux-suite@ui-ux-suite质量评分
已验证类似扩展
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
99当用户希望设计、重新设计、塑造、批评、审计、打磨、澄清、提炼、加固、优化、改编、动画化、着色、提取或以其他方式改进前端界面时使用。涵盖网站、登陆页面、仪表板、产品 UI、应用外壳、组件、表单、设置、入职流程和空状态。处理用户体验审查、视觉层次、信息架构、认知负荷、可访问性、性能、响应行为、主题化、反模式、排版、字体、间距、布局、对齐、颜色、动效、微交互、UX 文案、错误状态、边缘情况、i18n 以及可复用的设计系统或令牌。也适用于需要从平淡变得更大胆或更令人愉悦的设计，需要变得更安静的醒目设计，对 UI 元素的实时浏览器迭代，或应该感觉技术上非凡的雄心勃勃的视觉效果。不适用于仅限后端或非 UI 任务。