SkillsAdd

dragoon0x/optik

type-hierarchy

Enforce proper heading and body text hierarchy. Verify h1 > h2 > h3 progression, size ratios, and weight differentiation.

First seen May 9, 2026

Installation

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

Similar popular skills

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

visual-hierarchy Similar name
owl-listener/designer-skills

Establish hierarchy through size, weight, colour, spacing, and position so the eye lands in the…

1.8K installs
critique-visual-hierarchy Similar name
owl-listener/designer-skills

Critique a rendered screen's hierarchy — entry point, eye flow, weight distribution, and emphas…

1.3K installs
visual-emphasis-and-hierarchy Similar name
dembrandt/dembrandt-skills

The most important actions and content in a UI should be visually prominent — through size, col…

7 installs
search-hierarchy Similar name
parcadei/continuous-claude-v3

Search Tool Hierarchy

471 installs
hierarchy-of-marketplaces Similar name
pmprompt/claude-plugin-product-management

Use when asked about "marketplace strategy", "chicken and egg problem", "liquidity", "two-sided…

320 installs
hierarchy-of-engagement Similar name
pmprompt/claude-plugin-product-management

Use when asked to "define our core action", "North Star metric", "accruing benefits", "improve …

320 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-rhythm 6 type-pair 6 type-measure 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 617 B
  • docs SUMMARY.md 143 B

History

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

SKILL.md

/type-hierarchy — Type Hierarchy Enforcement

Check the heading hierarchy:

  1. Is there exactly one h1?
  2. Do heading levels follow order (h1 > h2 > h3, no skipping)?
  3. Does each level have a distinct font-size from the type scale?
  4. Is there weight differentiation (not all the same weight)?
  5. Are heading margins consistent?
  6. Is the ratio between levels consistent?

Fix violations by mapping headings to the type scale.