Typography skills
Type scales, line length, font pairing and the small details that make text easy to read.
11 skills
Skills
Typesetby pbakaus
Improve typography systems, hierarchy, readability, and text cadence for more intentional interfaces.
TypographyExternalGitHub stars: 95.1K
Better Typographyby jakubkrehel
Web typography from choosing fonts to spacing, wrapping and accessibility. Use when picking or pairing typefaces, configuring variable fonts or OpenType features, setting up a type scale, styling text in components, truncating text, styling underlines, selection, placeholders or carets, or reviewing frontend code for typography. Triggers on typography, fonts, font formats, woff2, variable fonts, font-weight, opentype, font-feature-settings, letter-spacing, line-height, type scale, tabular numbers, text-wrap, truncation, line clamp, underlines, text-decoration, text selection, iOS input zoom, font smoothing, text contrast, measure, line length, text-box, smart punctuation, drop cap.
TypographyExternalGitHub stars: 9.2K
Gc Minimal Zine Poster V0 1by LiamGvchi
Generate quiet minimal zine-style editorial poster prompts and matching raster images from themes, moods, objects, photos, or content briefs.
VisualExternalGitHub stars: 7.4K
Scandinavian Designby ericzakariasson
Apply a refined Scandinavian visual system with a neutral black-and-white foundation, restrained sans-serif typography, purposeful product imagery, generous spacing, clear page chapters, and minimal decoration. Use when the user invokes /scandinavian-design or requests a Nordic, monochrome, calm, spacious, restrained, or minimalist interface.
VisualExternalGitHub stars: 412
Swiss Designby zeke
Swiss design system skill focused on grid discipline, typography hierarchy, and clean editorial interface composition.
VisualExternalGitHub stars: 159
Compact Landingby Danilaa1
Build compact premium landing pages with clear CTA hierarchy, quiet typography, and minimal visual noise.
VisualExternalGitHub stars: 37
Optical Alignmentby UI Skillbook
Align interface elements by perceived visual weight, not just mathematical geometry.
Visual
Siteplane Codeby UI Skillbook
Inline code and code blocks with optional highlighting, titles, line numbers, marked lines, masking and copy.
Siteplane UI
Siteplane Kbdby UI Skillbook
Styled notation for a keyboard key or a key combination inside text, buttons or menus.
Siteplane UI
Siteplane Truncateby UI Skillbook
Cuts text after one line or a set number of lines with an ellipsis and shows the full text in a tooltip.
Siteplane UI
Siteplane Typesetby UI Skillbook
Applies the kit's typography to rendered markdown, like chat replies or docs, by mapping elements to components.
Siteplane UI