> **ui-typography** — skill 15 of 16 in [bencium/bencium-marketplace](https://skillsdocs.com/bencium/bencium-marketplace).
>
> Book (all skills, one file): https://skillsdocs.com/bencium/bencium-marketplace.md
> Machine manifest: https://skillsdocs.com/bencium/bencium-marketplace/.well-known/agent-skills/index.json
> Install the book: `npx skills add bencium/bencium-marketplace`
> Upstream: https://github.com/bencium/bencium-marketplace/blob/main/typography/skills/typography/SKILL.md @ `main`
> Raw bytes, no header: https://raw.githubusercontent.com/bencium/bencium-marketplace/main/typography/skills/typography/SKILL.md
> Base for relative paths: https://raw.githubusercontent.com/bencium/bencium-marketplace/main/typography/skills/typography/
> Licence: No licence detected — all rights reserved by its authors
>
> Bundled files (2), referenced from this skill's directory:
>   - `css-templates.md` — https://raw.githubusercontent.com/bencium/bencium-marketplace/main/typography/skills/typography/css-templates.md
>   - `html-entities.md` — https://raw.githubusercontent.com/bencium/bencium-marketplace/main/typography/skills/typography/html-entities.md
>
> Content © its authors. This skill's body is not served here; the links above are. Takedown: https://github.com/DreambaseAI/skillsdocs/issues/new?labels=takedown&title=Takedown+request

# ui-typography

Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. Enforces timeless typographic correctness that LLMs consistently get wrong: proper quote marks, dashes, spacing, hierarchy, and layout. ENFORCEMENT MODE: When generating ANY HTML, CSS, React, JSX, or UI code containing visible text, auto-apply every rule in this skill silently — do not ask, do not explain, just produce correct typography. AUDIT MODE: When reviewing or improving existing interfaces or legacy code, flag violations and provide fixes. Trigger on: any HTML/CSS/React artifact creation, "build a landing page", "create a component", "design a UI", "fix the typography", "make this look professional", "review this layout", web design, presentation design, dashboard creation, document generation, or any task producing visible text for humans. Even if the user doesn't mention typography, apply these rules whenever generating UI output.

No licence could be detected for this skill at either the repository or the skill level, so its body is not reproduced here. Read it upstream:

https://raw.githubusercontent.com/bencium/bencium-marketplace/main/typography/skills/typography/SKILL.md