Skill

Better Layout

Breng structuur, witruimte en visuele hiërarchie aan

Installeren

https://github.com/jakubkrehel/skills/tree/main/skills/better-layout

Wordt geactiveerd bij

When structuring page layouts, reviewing component spacing, or validating alignment across responsive breakpoints.

Auteur: jakubkrehel

Repositoryhttps://github.com/jakubkrehel/skills

Positionering en witruimte bepalen de hiërarchie van een interface voordat visuele styling wordt toegepast. Deze skill bouwt dat structurele raamwerk op en controleert het bij formaatwijzigingen, lokalisatie en RTL-weergave.

Hoogtepunten

Strategie voor witruimte: groepeert inhoud hiërarchisch met consistente tussenruimtes, 8 px binnen groepen en 16 px ertussen
Gedisciplineerde uitlijning: houdt randen consistent om visuele ruis te verminderen
Ontwerp van interactieve elementen: zorgt dat bedieningselementen visueel te onderscheiden zijn van statische inhoud
Gefaseerde onthulling: controleert of verborgen inhoud zichtbare aanwijzingen heeft zodat gebruikers die kunnen ontdekken
Inhoudsstroom: stemt lay-outs af op natuurlijke leespatronen, van boven naar beneden en van de begin- naar de eindzijde

Gebruik deze skill bij het structureren van pagina's, beoordelen van componentlay-outs of verfijnen van witruimte tussen responsieve breekpunten. Wordt geïnstalleerd als Agent Skill voor Claude Code.

Reacties(0)

Nog geen reacties — wees de eerste.

Vergelijkbare skills

Better Typography

Skill

Webtypografie voor leesbare en toegankelijke tekst

Frontend- en ontwerppatronen

Better Interface

Skill

Bundel UI-reviews uit meerdere vakgebieden tot één ranglijst

Frontend- en ontwerppatronenCodebeoordelingen

Site Architecture

Skill

Breng websitehiërarchie, URL’s en navigatie in kaart

Frontend- en ontwerppatronenMarketing- en SEO-procedures