gsp-typography

Community

Build responsive typography systems quickly

Authorjubscodes
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Designers and developers struggle to create a consistent, mathematically precise typography system—including scale, pairing, fluid sizes and vertical rhythm—without manual calculations.

Core Features & Use Cases

  • Scale Generation: Compute a 9‑level type scale with px, rem, and fluid clamp() values.
  • Font Pairing & Enrichment: Suggest harmonious font pairs and enrich existing typography files with weights, line‑height and loading strategy.
  • Export Output: Produce a typography.md foundation chunk and Tailwind or vanilla CSS ready for design systems.

Quick Start

Create a typography system for the font "Inter" using a 1.25 ratio.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: gsp-typography
Download link: https://github.com/jubscodes/get-shit-pretty/archive/main.zip#gsp-typography

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.