typography-calculator

# Typography Calculator Skill ## Purpose Calculate typography scales and metrics for design systems, including modular scales, line heights, and responsive font sizing. ## Capabilities - Generate type scales (modular, golden ratio, major third, etc.) - Calculate optimal line heights for readability - Generate responsive font sizing with fluid typography - Calculate vertical rhythm and baseline grids - Generate font-size/line-height pairings - Create typography tokens ## Target Processes - design-system.js - component-library.js (typographySystemDesignTask) - responsive-design.js (responsiveTypographySpacingTask) ## Integration Points - type-scale.com algorithms - CSS clamp() for fluid typography - Modular scale calculations ## Input Schema ```json { "type": "object", "properties": { "baseSize": { "type": "number", "default": 16, "description": "Base font size in pixels" }, "scaleRatio": { "type": "string", "enum": ["minor-second", "major-second", "minor-third", "major-third", "perfect-fourth", "augmented-fourth", "perfect-fifth", "golden-ratio"], "default": "perfect-fourth" }, "steps": { "type": "number", "default": 6, "description": "Number of scale steps above and below base" }, "lineHeightRatio": { "type": "number", "default": 1.5, "description": "Base line height ratio" }, "fluidTypography": { "type": "boolean", "default": true }, "...