Responsive-Layout-Audit 1.2.0 beta

HTML auf Flex-, Grid- und Breakpoint-Probleme prüfen; konkrete Klassenvorschläge und sichere Auto-Fixes erhalten. English: Responsive layout audit

Reifegrad: Layout-CLI-Helfer sind in 1.2.0 beta. Responsive CSS-Utilities bleiben stable. Studio und die komplette Utility Engine bleiben planned.

Wann sinnvoll

Diesen Leitfaden nutzen, wenn VelinStyle-Layouts auf Mobil, Tablet und Desktop geprüft oder verbessert werden sollen.
@birdapi/velinstyle@1.2.0 pinnen und Reifegrad-Badges für Beta-Oberflächen beachten.

Wann nicht

Plan / Review / Meta nicht als fertiges KI-Designsystem behandeln.
Keine Studio- oder Utility-Engine-APIs erfinden, die noch planned sind.

Befehle

velinstyle layout audit ./samples
velinstyle layout suggest page.html
velinstyle layout fix page.html --dry-run
velinstyle layout fix page.html --write

Regeln

grid-missing-row, flex-no-wrap-overflow, missing-container, mobile-hidden-only, viewport-width, table-not-responsive und weitere.

Breakpoints

Mobile (Default), Tablet ab 48rem (velin-md-*), Desktop ab 62rem (velin-lg-*). Für Notch und Home-Indicator siehe Safe-Area-Utilities (.velin-pt-safe, .velin-pb-safe, .velin-mobile-only, .velin-desktop-only).