Audit and fix typography in Puree panels using YAML/SCSS-driven UI components.
npx skills add https://github.com/nicolaiprodromov/puree --skill typeset-nicolaiprodromov
Please help me install this Agent Skill. Skill: typeset Source: https://github.com/nicolaiprodromov/puree/tree/main/.agents/skills/typeset Command: npx skills add https://github.com/nicolaiprodromov/puree --skill typeset-nicolaiprodromov
Typography in Puree UI remains generic and inconsistent, making interfaces harder to read and navigate. This skill provides a structured approach to identify typography issues, establish a deliberate type system, and apply readability and consistency practices across panels and components.
Describe the panel or text-heavy component to improve and provide any current typography context to begin the enhancement.
High-intent search queries and answers about installing and using this skill.
To fix inconsistent typography in Puree UI panels, you establish a modular type scale for headings, body text, and captions, and audit font loading via YAML font attributes to ensure consistent hierarchy and readability across components.
A modular type scale defines deliberate font families, sizes, and weights for headings and body text. It improves dashboard readability by establishing clear visual hierarchy and consistent text presentation across UI components like info blocks and labels.
You audit font choices and loading methods by reviewing YAML font attributes within your SCSS-driven UI components. This process identifies generic text and ensures consistent typography application across panels and forms.
Yes, this structured typography workflow applies to YAML and SCSS-driven UI components. It guides you through preparation, assessment, and implementation to establish deliberate type systems and readability practices across dashboards and labels.
The best way to establish a consistent type system for UI labels and forms is to follow a structured workflow covering font choices, type scale, and readability. This ensures brand voice and clear hierarchy in everyday interface workflows.
ekremmkasapBuild component-based responsive UI with container queries and fluid typography.
MrlykReduce visual intensity in UI designs by toning color, contrast, and typography.
nangyak4415-sudoAudit typography and enforce modular type scales for UI and marketing content.
YuDefineAnalyze UI layouts and implement spacing systems for visual rhythm.
