Good typography makes text easy to read and look professional on screens. This skill enforces timeless rules for quotes, dashes, spacing, and layout in every UI you build. It works automatically with HTML, CSS, and React code so your designs always have correct, polished text.
Developers and designers benefit from curly quotes, proper dashes, and clean hierarchy without extra work. The skill either fixes your code as you write or audits existing projects and suggests improvements. No need to remember typographic rules yourself.
These rules come from centuries of reading practice and are validated by how human eyes read. They never go out of style. Apply them to landing pages, dashboards, documents, or any screen text and instantly upgrade your interface quality.
Global
mkdir -p ~/.claude/skills/ui-typographyProject
mkdir -p .claude/skills/ui-typographySource Repository
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready