SkillsAdd

dragoon0x/optik

type-rhythm

Align text spacing to a vertical rhythm baseline. Ensures headings, paragraphs, and other elements maintain consistent vertical flow.

First seen May 9, 2026

Installation

$ npx skills add dragoon0x/optik --skill type-rhythm
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

rhythm-pacing Similar name
dylantarre/animation-principles

Use when animation needs musical flow—dance sequences, action choreography, comedic timing, sce…

468 installs
godot-genre-rhythm Similar name
thedivergentai/gd-agentic-skills

Expert blueprint for rhythm games including audio synchronization (BPM conductor, latency compe…

190 installs

Also in this package

Other skills from dragoon0x/optik · top by installs.

npx skills add dragoon0x/optik
normalize 7 layout-audit 7 bolder 7 type-set 6 type-scale 6 type-pair 6 type-measure 6 type-hierarchy 6 type-fix 6 type-audit 6

Browse all from dragoon0x/optik

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License LICENSE
Default branch main
Open issues 0
Status Active

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 629 B
  • docs SUMMARY.md 152 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 6 installs

SKILL.md

/type-rhythm — Vertical Type Rhythm

Establish vertical rhythm:

  1. Define baseline from body line-height (e.g., 1.6 * 16px = 25.6px, round to 24px)
  2. All heading margin-top: multiples of baseline
  3. All heading margin-bottom: baseline or half-baseline
  4. Paragraph spacing: one baseline unit
  5. List item spacing: half baseline
  6. Image heights: multiples of baseline (use object-fit)

Show before/after for spacing corrections.