Optimizes website and app UX with CSS-based font-size and weight recommendations.
npx skills add https://github.com/djkloop/n --skill typeset-djkloop
Please help me install this Agent Skill. Skill: typeset Source: https://github.com/djkloop/n/tree/main/.trae/skills/typeset Command: npx skills add https://github.com/djkloop/n --skill typeset-djkloop
Improves generic, inconsistent, or poorly structured typography so text becomes clearer, more readable, and intentionally expressive rather than distractingly default.
Improve the typography of the homepage by evaluating font choices, establishing a modular type scale, and returning specific CSS rules for sizes, line-heights, weights, and font-loading recommendations.
High-intent search queries and answers about installing and using this skill.
To establish a modular type scale, define a base font size and a scaling ratio to generate consistent heading and body text sizes. This skill recommends specific rem-based scales for apps and clamp-based fluid headings for marketing pages to ensure visual hierarchy.
Poor readability and inconsistent typography are caused by weak font choices, muddy hierarchy, improper sizing, and improper line-length. This skill assesses these factors to identify and fix legibility problems across web and app interfaces.
Yes, you can generate CSS tokens and font-loading configurations for component libraries. This skill produces concrete CSS token suggestions and loading guidance to fit brand personality and performance constraints.
To check web typography accessibility, validate results for contrast and minimum body size. This skill assesses font choices and spacing to recommend strategies that meet accessibility requirements and performance standards.
Yes, this approach works for both marketing pages and app interfaces. It applies systematic improvements using clamp-based fluid headings for marketing pages and rem-based scales for apps, ensuring text remains readable across different contexts.
billh93Improve typography clarity and readability by fixing fonts, hierarchy, sizing, and weight.
coastdigitalgroupGenerates fluid CSS clamp()-based spacing scales with rem-bound semantic tokens for responsive layouts.
oliverjone01-devImprove typography with consistent scales, hierarchy, and accessible sizing.
guideopsImplement a minimalist design system with color palettes, typography scales, and spacing scales.
