ds-typography

Community

Make typography decisions fast and consistent.

AuthorConradmaker
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Typography decisions across UI surfaces often lack a cohesive framework, leading to inconsistent tone, readability, and brand alignment. This skill provides a context-first decision framework, reference materials, and lightweight guidance to speed up high-quality typography choices.

Core Features & Use Cases

  • Context-first decision patterns for font selection, scale, and rhythm (type-for-a-moment vs type-to-live-with).
  • One-font rule, anchor font strategies, and safe pairing guidance to maintain consistent personality and neutrality.
  • Responsive typography and token-driven implementation for design systems and cross-language projects.
  • Use Case: apply ds-typography in a SaaS dashboard to establish a readable body, a distinct display header, and a scalable rhythm across breakpoints.

Quick Start

Define your UI typography using context-first font choices, a safe one-font rule, and a repeatable size/weight/leading hierarchy.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: ds-typography
Download link: https://github.com/Conradmaker/copilot-cockpit/archive/main.zip#ds-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.