apply-typography-scale
Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
Skill by karanmrn
Install
Works with Claude Code, Claude apps, Codex, Cursor, Gemini CLI, GitHub Copilot, VS Code, OpenCode, Goose, Windsurf. Read the repository before you give any tool access to your data.
npx agentmarket install skill/karanmrn-apply-typography-scale
Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.
Get the weekly diff
The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.
About
Use cases: design
Reviews
Write a reviewNo reviews yet. Installed it? Reviews come from verified installers only. How reviews work
Permissions
What this skill can do and what it asks for, from its SKILL.md. Checked Oct 25, 2026.
- Tools
- No tools found
- Secrets
- None asked for
- Install scripts
- None found
Network hosts it talks to 1
codeload.github.com· found in install command
Files it touches
~/.claude/skills/apply-typography-scale
What's inside
- Skill name
apply-typography-scale- Description
- Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors
- License
- unknown
- Instructions
- 83 lines in SKILL.md · view on GitHub
Agent Skills spec issues
- name: "apply-typography-scale" does not match folder "02-apply-typography-scale"
- files: referenced but missing: references/hand-crafted-scales.md, references/avoid-em-units.md, references/line-height-proportion.md
Files (1)
- SKILL.md
The license isn't open source, so the instructions aren't shown here. Read SKILL.md on GitHub
More from karanmrn/karanagentskills
- 0.564score
skill-installer
karanmrn
'Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path.
SkillBFreshness: B★ 3Claude Code +9 - 0.559score
review-agent
karanmrn
Perform a read-only, defect-first review of a specified code change and return every actionable finding.
SkillBFreshness: B★ 3Claude Code +9 - 0.557score
skill-creator
karanmrn
'Guide for creating effective skills.
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
apply-consistent-spacing
karanmrn
Use systematic spacing with 25% minimum jumps, start with excess whitespace
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
eliminate-visual-clutter
karanmrn
Remove unnecessary borders, backgrounds, shadows, decorations
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
use-shadows-appropriately
karanmrn
Add depth only when functionally necessary (elevation, not decoration)
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
build-color-palette
karanmrn
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
group-related-elements
karanmrn
Use proximity and spacing to show relationships
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
design-button-hierarchy
karanmrn
Create clear primary/secondary/tertiary action distinctions
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
design-empty-states
karanmrn
Create helpful, actionable zero-content states
SkillBFreshness: B★ 3Claude Code +9 - 0.546score
manage-color-contrast
karanmrn
Ensure WCAG AA accessibility and readability
SkillBFreshness: B★ 3Claude Code +9 - 0.545score
establish-visual-hierarchy
karanmrn
Determine what UI element draws attention first, second, third using size, weight, color, and de-emphasis strategies
SkillBFreshness: B★ 3Claude Code +9
Signals
- Stars
- 3
- Forks
- 0
- Open issues
- 0
- Last commit (this folder)
- Aug 12, 2026 (2 months ago)
From GitHub (fetched Oct 24, 2026).
Details
- License
- License unknown
- Repository
- github.com/karanmrn/karanagentskills
- First seen
- Oct 24, 2026
- Last checked
- Oct 24, 2026
- Source
- GitHubgithub-graphql
More from karanmrn
- 0.564score
skill-installer
karanmrn
'Install Codex skills into $CODEX_HOME/skills from a curated list or a GitHub repo path.
SkillBFreshness: B★ 3Claude Code +9 - 0.559score
review-agent
karanmrn
Perform a read-only, defect-first review of a specified code change and return every actionable finding.
SkillBFreshness: B★ 3Claude Code +9 - 0.557score
skill-creator
karanmrn
'Guide for creating effective skills.
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
apply-consistent-spacing
karanmrn
Use systematic spacing with 25% minimum jumps, start with excess whitespace
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
build-color-palette
karanmrn
Create comprehensive palette with 8-10 greys, 5-10 primary, 5-10 accent shades
SkillBFreshness: B★ 3Claude Code +9 - 0.549score
use-shadows-appropriately
karanmrn
Add depth only when functionally necessary (elevation, not decoration)
SkillBFreshness: B★ 3Claude Code +9
Cite this page
apply-typography-scale skill. Agent Mart. https://agentmart.dev/skills/karanmrn-apply-typography-scale (last updated 2026-10-24)