Skill
Better Layout
Definește structura, spațierea și ierarhia vizuală
Instalare
https://github.com/jakubkrehel/skills/tree/main/skills/better-layout
Se activează la
When structuring page layouts, reviewing component spacing, or validating alignment across responsive breakpoints.
- Autor
- jakubkrehel
Repositoryhttps://github.com/jakubkrehel/skills
Poziționarea și spațierea stabilesc ierarhia interfeței înaintea oricărui stil vizual. Această abilitate construiește cadrul structural și îl validează la redimensionare, localizare și în condiții RTL.
Puncte forte
- Strategie de spațiere: grupează conținutul ierarhic prin distanțe consecvente, de 8 px în interiorul grupurilor și 16 px între ele
- Rigoare în aliniere: păstrează margini consecvente pentru a reduce zgomotul vizual
- Proiectarea elementelor interactive: asigură diferențierea vizuală a controalelor față de conținutul static
- Dezvăluire progresivă: verifică dacă elementele ascunse au indicii vizibile care permit descoperirea lor
- Fluxul conținutului: aliniază structura cu modelele naturale de lectură, de sus în jos și de la începutul spre sfârșitul rândului
Folosește această abilitate când structurezi pagini, verifici aspectul componentelor sau ajustezi spațierea pentru diferite praguri responsive. Se instalează ca Agent Skill pentru Claude Code.
Skill-uri similare
Better Typography
SkillPrincipii de tipografie web lizibilă și accesibilă
Interfețe și designuri
Better Interface
SkillReunește evaluările UI într-un raport ordonat după gravitate
Interfețe și designuriRevizuiri de cod
Site Architecture
SkillPlanifică ierarhia, URL-urile și navigarea unui site
Interfețe și designuriMarketing și SEO
Comentarii(0)
Autentifică-te pentru a comenta