Generate a 9-step type scale token file for CSS, Tailwind, or JavaScript projects.
npx skills add https://github.com/Dragoon0x/dragoon-skills --skill typography-dragoon0x
Please help me install this Agent Skill. Skill: typography Source: https://github.com/Dragoon0x/dragoon-skills/tree/main/skills/typography Command: npx skills add https://github.com/Dragoon0x/dragoon-skills --skill typography-dragoon0x
Inconsistent typography across a codebase creates a disjointed user experience and adds unnecessary manual work for developers maintaining design systems. This Skill solves that problem by generating standardized type scale tokens that align with your project's existing detected design patterns.
Use the typography skill to generate a standardized type scale token file aligned with your project's detected type ratio and save it to your default styles directory.
High-intent search queries and answers about installing and using this skill.
Generate a standardized 9-step type scale token file anchored to your project's detected type ratio to eliminate inconsistent typography across frontend codebases.
Yes, it features auto-format selection that outputs typography tokens directly into a Tailwind config for Tailwind-based projects, or CSS variables and JS modules for standard web or JavaScript-heavy stacks.
Yes, you can use the dry-run preview mode to preview the generated 9-step type scale tokens prior to writing any changes to the file system, ensuring the output matches your design system.
A 9-step type scale is a standardized set of font size tokens ranging from xs to 4xl, anchored to a detected type ratio to eliminate inconsistent typography across frontend codebases.
You can configure a custom output directory for the generated token file, allowing the standardized type scale design tokens to be saved directly to your project's default styles directory.
hulusi-tuncDefine a modular typography scale with ratio-based sizing and usage rules.
marcioaltoeApplies Gesttione brand colors, typography, and metric tokens to UI components.
Intension-usGenerate a DESIGN.md documenting typography, color, spacing, layout, and motion guidelines.
dylantarreGenerate CSS, Tailwind, or JSON typography scales with modular ratios and auto-calculated line heights.
