Skills
.Work. You
Rest

ui-typography

Community

Ensure perfect typography in every UI.

Design & Creative#typography#frontend#ui-design#spacing#curly-quotes#dash-usage#css-baseline
Authorbencium
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Professional typography rules ensure correct quotes, dashes, spacing, hierarchy, and layout in UI text, preventing common typographic errors in UI code output.

Core Features & Use Cases

  • Auto-enforce curly quotes in HTML/JSX to ensure consistent typography across interfaces.
  • Enforce en/em dash usage & spacing to improve readability and polish.
  • Provide CSS baseline templates and references to maintain typographic consistency in web apps.
  • Use case: When building a modern web UI, this skill guarantees typographic correctness from design to implementation.

Quick Start

Integrate the typography rules into your UI generation workflow so that every visible text output automatically adheres to typographic best practices.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: ui-typography
Download link: https://github.com/bencium/bencium-marketplace/archive/main.zip#ui-typography

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.