skills.rest
eykd
eykdCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

design-typeset

Analyze web typography and recommend font, hierarchy, size, and readability changes.

Updated Feb 8, 2026
Search Tags:#typography#web design#type scale#font selection#web typography
One-click install
npx skills add https://github.com/eykd/vance-ts --skill design-typeset-eykd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-typeset
Source: https://github.com/eykd/vance-ts/tree/main/.claude/skills/design-typeset
Command: npx skills add https://github.com/eykd/vance-ts --skill design-typeset-eykd

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill addresses the issue of inconsistent and generic typography across web interfaces, transforming text into intentional and readable experiences.

Core Features & Use Cases

  • Typography Assessment: Analyzes font choices, hierarchy, sizing, and readability.
  • Improvement Suggestions: Provides strategic advice on font selection, type scale, weight strategy, and spacing.
  • Use Case: Ideal for websites and web applications that require typography enhancements to improve the overall user experience and readability.

Quick Start

Apply the design-typeset skill to review and enhance the typography on your project's web interface.

Frequently Asked Questions about design-typeset

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I improve web typography readability and hierarchy?▼

Web typography readability is improved by analyzing font selection, hierarchy, sizing, and spacing, then applying strategic changes based on design principles and user context to transform text into intentional experiences.

What is the best way to choose a font and type scale for a web interface?▼

The best way to choose a font and type scale is by assessing current typography choices and requesting strategic advice on weight strategy, sizing, and spacing to ensure consistent and readable web interfaces.

How do I fix inconsistent web typography across my website?▼

Fix inconsistent web typography by reviewing your project's web interface to identify generic font choices, then applying recommended changes to font hierarchy and readability based on best practices.

Do I need design context to enhance my web application's typography?▼

You need design context to enhance web application typography because the review process requires gathering user context and adhering to design principles to provide accurate improvement suggestions.

Can I get font selection and weight strategy recommendations for web design?▼

You can get font selection and weight strategy recommendations by applying a typography assessment that analyzes your current web design choices and provides strategic improvement advice.

Related Skills

Explore More Design & Creative Skills→
kireevkit15-syskireevkit15-sys

shape

Run a structured discovery interview and generate a design brief.

Community
Advanced
cshyangcshyang

typeset

Audit and implement systematic typography rules for websites and UI copy.

Community
Advanced
jhlee0409jhlee0409

canvas-debugging

Diagnose Konva canvas layout and grid alignment issues.

Community
Intermediate
Jaydpatel01Jaydpatel01

code-quality-and-review

Enforce code correctness, readability, and safety with linters and type checkers.

Community
Advanced