Responsive layout audit 1.2.2 beta
Audit HTML for flex, grid, and breakpoint issues; get concrete class suggestions and safe auto-fixes. Deutsch: Responsive-Layout-Audit
Maturity: Layout CLI helpers are beta in 1.2.0. Responsive CSS utilities remain stable. Studio and the complete Utility Engine stay planned.
When to use
- Follow this guide when integrating or extending VelinStyle (Responsive layout audit).
- Pin
@birdapi/velinstyle@1.3.0and check maturity badges for beta surfaces.
When not
- Do not treat beta plan/review/meta as a finished AI design system.
- Do not invent Studio or Utility Engine APIs that are still planned.
Commands
velinstyle layout audit ./samples
velinstyle layout suggest page.html
velinstyle layout fix page.html --dry-run
velinstyle layout fix page.html --writeRules
grid-missing-row, flex-no-wrap-overflow, missing-container, mobile-hidden-only, viewport-width, table-not-responsive, and more.
Breakpoints
Mobile (default), tablet from 48rem (velin-md-*), desktop from 62rem (velin-lg-*). For notches and home indicators use Safe area utilities (.velin-pt-safe, .velin-pb-safe, .velin-mobile-only, .velin-desktop-only).