Layout

Layout skills and workflows surfaced by the site skill importer.

9 skills
P
typeset

by pbakaus

typeset improves UI typography by auditing font choice, hierarchy, sizing, weight, and readability. Best used after /frontend-design, with /teach-impeccable if context is missing, to turn generic text into a clearer, more intentional type system.

UI Design
Favorites 0GitHub 14.6k
P
quieter

by pbakaus

The quieter skill reduces visual intensity in UI Design, helping tone down loud, harsh, or overstimulating interfaces while preserving hierarchy, clarity, and brand personality. Best used after the required /frontend-design workflow in the pbakaus/impeccable repository.

UI Design
Favorites 0GitHub 14.6k
P
polish

by pbakaus

The polish skill guides a final-pass UI review to fix spacing, alignment, copy, states, and transitions before launch. Best used after a feature is functionally complete, with design context, a clear quality bar, and a specific screen, flow, or component target.

UI Design
Favorites 0GitHub 14.6k
P
frontend-design

by pbakaus

frontend-design is a design-first skill for building polished frontend UI with stronger context, hierarchy, accessibility, and responsive behavior. Use it to install the skill, read the core references, and apply practical guidance for better components, pages, and app screens.

UI Design
Favorites 0GitHub 14.6k
P
distill

by pbakaus

distill is a UI design simplification skill for stripping screens to their essential task. Use it to declutter interfaces, reduce noise, and clarify hierarchy. It works best after /frontend-design, with a specific screen, one primary user goal, and clear must-keep constraints.

UI Design
Favorites 0GitHub 14.6k
P
delight

by pbakaus

The delight skill helps UI teams add tasteful micro-interactions, copy, and feedback moments that make interfaces feel warmer and more memorable. Best for polishing specific screens or flows, not full redesigns. Use delight with prior /frontend-design context, and /teach-impeccable first if needed.

UI Design
Favorites 0GitHub 14.6k
P
colorize

by pbakaus

The colorize skill helps teams add strategic color to gray or flat UI designs. It guides where color should appear, why it matters, and how to use it with existing brand context, hierarchy, semantic states, and tone. Best used after /frontend-design for more reliable color decisions.

UI Design
Favorites 0GitHub 14.6k
P
bolder

by pbakaus

bolder is a UI design skill that amplifies bland or overly safe interfaces with stronger hierarchy, contrast, and personality while keeping usability intact. Best used after /frontend-design, and /teach-impeccable if context is missing, on a specific target like a page, section, or component.

UI Design
Favorites 0GitHub 14.6k
P
arrange

by pbakaus

The arrange skill helps improve UI layout, spacing, grouping, and visual hierarchy. Learn when to use it, how arrange install works from the GitHub repo, and how to apply arrange usage with /frontend-design context for better UI Design decisions.

UI Design
Favorites 0GitHub 14.6k