skills.rest
venom9833
venom9833COMMUNITY
Explore all skills by this author →
GitHub

ui-typography

Correct typographic mistakes in HTML, CSS, and React code.

Updated Apr 11, 2026
Search Tags:#typography#React#CSS#HTML#UI design
One-click install
npx skills add https://github.com/venom9833/main --skill ui-typography-venom9833
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-typography
Source: https://github.com/venom9833/main/tree/main/.claude/skills/typography
Command: npx skills add https://github.com/venom9833/main --skill ui-typography-venom9833

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill ensures that typography in UI design and code adheres to professional standards, correcting common typographic errors and improving readability and aesthetics.

Core Features & Use Cases

  • Correct Typographic Errors: Automatically applies rules for quotes, dashes, spacing, hierarchy, and layout.
  • Audit Mode: Flags violations in existing code or designs and provides fixes.
  • Use Case: When building a new web application, this Skill can be used to ensure that all text elements adhere to best practices in typography.

Quick Start

Run the ui-typography skill to apply typography rules to your HTML/CSS/React code.

Frequently Asked Questions about ui-typography

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

FAQPage Schema
How do I fix common typography mistakes in React and CSS?▼

Correct typographic mistakes in React and CSS by applying professional rules for quotes, dashes, spacing, and layout. Use an enforcement mode to silently fix HTML entities and CSS, or an audit mode to flag violations and provide fixes.

What is the best way to enforce proper HTML entities for UI typography?▼

Enforce proper HTML entities for UI typography by applying rules that correct typographic errors in your code. This ensures text elements adhere to professional standards for quotes, dashes, and spacing, improving overall readability and aesthetics.

Does this typography correction tool work with existing HTML code?▼

Yes, this typography correction tool works with existing HTML code by running an audit mode that flags violations in your design and code. It analyzes your layout and provides fixes to ensure proper text hierarchy and spacing.

How do I audit UI design code for typographic violations?▼

Audit UI design code for typographic violations by using a dedicated audit mode that flags errors in quotes, dashes, and spacing. This process checks your HTML and CSS to ensure your text adheres to professional typography standards.

When should I use enforcement mode versus audit mode for typography rules?▼

Use enforcement mode for typography rules when you want to silently correct typographic mistakes in your HTML and CSS. Use audit mode when you need to flag violations and review fixes before applying them to your UI design.

Related Skills

Explore More Design & Creative Skills→
pablolospepablolospe

ui-typography

Enforce Butterick's typographic rules on visible UI text.

Community
Advanced
sebasdvsebasdv
1

embryo-design-system

Apply Embryo V4 CSS tokens and components to HTML UI development.

Community
Intermediate
eboodyeboody

ui-expert

Audit UI designs for visual hierarchy, spacing, typography, and design-system consistency.

Community
Advanced
bfree-trainerbfree-trainer
60

typeset

Assess typography and implement font, hierarchy, sizing, and readability changes.

Official
Intermediate