Better Layout

Położenie i odstępy budują hierarchię interfejsu jeszcze przed dodaniem stylów wizualnych. Ta umiejętność tworzy takie ramy strukturalne i sprawdza je podczas zmiany rozmiaru, lokalizacji oraz w układach RTL.

Najważniejsze możliwości

• Strategia odstępów: hierarchicznie grupuje treści za pomocą spójnych przerw — 8 px wewnątrz grup i 16 px między nimi
• Dyscyplina wyrównania: utrzymuje spójne krawędzie, aby ograniczyć wizualny chaos
• Projektowanie elementów interaktywnych: zapewnia wyraźne odróżnienie kontrolek od treści statycznej
• Stopniowe ujawnianie: sprawdza, czy ukryta treść ma widoczne wskaźniki umożliwiające jej odkrycie
• Przepływ treści: dopasowuje układy do naturalnego kierunku czytania — od góry do dołu i od początku do końca wiersza

Używaj podczas tworzenia struktury stron, przeglądania układów komponentów lub dopracowywania odstępów w różnych responsywnych punktach przełamania. Instaluje się jako Agent Skill dla Claude Code.