Visual Hierarchy

Visual Hierarchy skills and workflows surfaced by the site skill importer.

7 skills
P
typeset

by pbakaus

typeset améliore la typographie d’interface en auditant le choix des polices, la hiérarchie, les tailles, les graisses et la lisibilité. Il s’utilise de préférence après /frontend-design, avec /teach-impeccable si le contexte manque, afin de transformer un texte générique en système typographique plus clair et plus intentionnel.

UI Design
Favorites 0GitHub 14.6k
P
quieter

by pbakaus

La skill quieter réduit l’intensité visuelle en design UI pour atténuer les interfaces trop voyantes, agressives ou surstimulantes, tout en préservant la hiérarchie, la clarté et la personnalité de la marque. À utiliser de préférence après le workflow obligatoire /frontend-design dans le dépôt pbakaus/impeccable.

UI Design
Favorites 0GitHub 14.6k
P
polish

by pbakaus

La skill polish guide une revue finale de l’interface pour corriger les espacements, l’alignement, les textes, les états et les transitions avant la mise en production. Elle s’utilise de préférence une fois la fonctionnalité terminée sur le plan fonctionnel, avec un contexte de design, un niveau de qualité clairement défini et une cible précise : écran, parcours ou composant.

UI Design
Favorites 0GitHub 14.6k
P
distill

by pbakaus

distill est une skill de simplification du design d’interface qui aide à ramener un écran à sa tâche essentielle. Utilisez-la pour désencombrer les interfaces, réduire le bruit visuel et clarifier la hiérarchie. Elle donne les meilleurs résultats après /frontend-design, avec un écran précis, un objectif utilisateur principal et des contraintes de conservation clairement définies.

UI Design
Favorites 0GitHub 14.6k
P
colorize

by pbakaus

La skill colorize aide les équipes à ajouter de la couleur de façon stratégique à des interfaces grises ou trop plates. Elle indique où la couleur doit apparaître, pourquoi elle compte, et comment l’utiliser en tenant compte du contexte de marque existant, de la hiérarchie, des états sémantiques et du ton. À utiliser de préférence après /frontend-design pour des décisions couleur plus fiables.

UI Design
Favorites 0GitHub 14.6k
P
bolder

by pbakaus

bolder est une skill de design d’interface qui renforce les interfaces fades ou trop sages avec une hiérarchie plus marquée, davantage de contraste et plus de personnalité, sans nuire à l’utilisabilité. À utiliser de préférence après /frontend-design, et après /teach-impeccable si le contexte manque, en visant une cible précise comme une page, une section ou un composant.

UI Design
Favorites 0GitHub 14.6k
P
arrange

by pbakaus

La skill arrange aide à améliorer la mise en page UI, les espacements, le regroupement des éléments et la hiérarchie visuelle. Découvrez quand l’utiliser, comment fonctionne l’installation de arrange depuis le repo GitHub, et comment appliquer arrange avec le contexte /frontend-design pour prendre de meilleures décisions en UI Design.

UI Design
Favorites 0GitHub 14.6k