Topic · Frontend & Design

Best typography skills for Claude Code, Codex and other agents.

Skills that choose and pair typefaces and set type scales for web and print.
skills
397
official
7

Typography skills, ranked

Ranked by score. Sort bymost stars,trending,newest,recently updated

Typography skills, ranked
#SkillRepositoryStarsUsed inTokensAuto-checkLicenceUpdated
1

A skill your agent uses when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a…

bestofjs/bestofjs3.1k27 repos~2.6kAutomated safety check: PassMIT3 days ago
2

Always invoke when the user's message includes 'tailwind' in any form.

anonaddy/anonaddy4.9k10 repos~865Automated safety check: PassMITyesterday
3

Token architecture, component specifications, and slide generation.

Ohh-889/skyroc79511 repos~1.7kAutomated safety check: PassMIT1 mo ago
4

Applies Anthropic's brand colors and fonts to artifacts such as PowerPoint slides, using fixed hex values for text and accents, Poppins headings and Lora body text.

anthropics/skills180k30 repos~559Automated safety check: PassApache-2.02 days ago
5

Design engineering principles for making interfaces feel polished.

samuelclay/NewsBlur7.6k10 repos~1.5kAutomated safety check: PassMITyesterday
6

A skill your agent uses when visual quality and design identity matter for a PDF.

poco-ai/poco-claw1.4k6 repos~2.1kAutomated safety check: PassMIT15 days ago
7

UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons.

saoudi-h/solar-icons18418 repos~11kAutomated safety check: NotesUnknowntoday
8

Generates a DESIGN.md design-language file for Google Stitch that encodes color, typography, layout, component behavior and motion rules to avoid generic AI-looking UI.

google-labs-code/stitch-skills8.4k15 repos~3.1kAutomated safety check: PassApache-2.01 mo ago
9

Applies a fixed set of UI rules for stack, components, interaction, animation, typography and layout, or reviews a file against them with concrete fixes.

ibelick/ui-skills9.5k8 repos~855Automated safety check: PassMITtoday
10

Creates or analyzes quiet, paper-texture zine posters with big negative space, one color accent and experimental type, returning an image prompt and the generated poster.

LiamGvchi/gc-minimal-zine-poster7.3k—~2.9kAutomated safety check: PassMIT1 mo ago
11
11.Frontend DesignOfficial

Pushes the agent toward distinctive visual design for new or reworked UI: a clear aesthetic direction, deliberate typography and choices rooted in the subject.

anthropics/skills180k38 repos~2.3kAutomated safety check: PassApache-2.02 days ago
12
12.Theme FactoryOfficial

Applies one of ten preset color and font themes to slide decks, documents or HTML pages, or creates a new theme on the fly after you choose from a showcase.

anthropics/skills180k48 repos~781Automated safety check: PassApache-2.02 days ago
13

Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library.

scalar/scalar16k—~2.7kAutomated safety check: PassMITtoday
14

Paperclip UI design system guide for building consistent, reusable frontend components.

paperclipai/paperclip99k1 repo~3.1kAutomated safety check: PassMITtoday
15

Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo.

yanliudesign/mono-color-skill3.4k—~8.5kAutomated safety check: PassMIT1 mo ago
16

A skill your agent uses when the user asks the openkb chat to make a deck / slide presentation / PPT / slides / 演示稿 / 幻灯片 from their compiled KB content AND wants a dark, high-tech, neon / glow /…

VectifyAI/OpenKB4.7k1 repo~4.3kAutomated safety check: PassApache-2.02 mo ago
17

Turns a photo of handwritten letters into an installable TTF, WOFF or WOFF2 font, with the agent labeling letters and judging quality while a local CLI handles all geometry.

danilo-znamerovszkij/draw-your-font812—~1.6kAutomated safety check: PassMIT2 mo ago
18

Turns a vague UI request into a concrete design system with style, palette, typography and layout guidance from a search script, plus stack-specific implementation advice.

Galaxy-Dawn/claude-scholar5.7k1 repo~1.1kAutomated safety check: PassMIT14 days ago
19

Design and build motion-first creative websites — page design (structure, type scale, palette, spacing) plus interaction choreography: scroll animation, Framer Motion, GSAP, and light 3D via…

feitangyuan/motion-web668—~18kAutomated safety check: PassCC-BY-NC-4.022 days ago
20

Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader.

talkstream/ru-text2542 repos~1.4kAutomated safety check: PassMIT4 days ago
21

Turns text, URLs or local files into tall PNG cards through HTML typography, with four modes: long reading card, full-text layout, comic and whiteboard.

lijigang/ljg-skills7.5k—~1.9kAutomated safety check: PassMITyesterday
22

UI/UX best practices for web interfaces. An agent skill from raphaelsalaja/userinterface-wiki.

raphaelsalaja/userinterface-wiki906—~3.5kAutomated safety check: PassMIT2 mo ago
23

A skill your agent uses when loading and managing resources in PixiJS v8.

netaart/cohub5701 repo~5kAutomated safety check: PassMITtoday
24

For musicians, video creators, and social-media editors producing AI music videos or emotional short films with lyric typography.

tl2012tl/comfyUI-llama-TE2394 repos~3.6kAutomated safety check: PassNo licence15 days ago
25

A skill your agent uses whenever creating or editing UI in this repo — React components, modals, dialogs, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-desktop538—~3.3kAutomated safety check: PassUnknown1 mo ago
26

Web typography. An agent skill from Lily-404/blog.

Lily-404/blog1515 repos~2.8kAutomated safety check: PassNo licence14 days ago
27

Turns a personal photo into a typography-driven, film-poster-style image in muted Morandi tones, keeping the photograph itself unaltered.

Zeejay0/gathered-scenes-zine-skill5.3k—~4.3kAutomated safety check: PassUnknown1 mo ago
28

Guides an agent in building and polishing CapCut Desktop video projects through the CapCut MCP server and direct timeline file edits, including vertical canvas, subtitles and audio.

sun-guannan/VectCutAPI2.3k—~1.7kAutomated safety check: PassApache-2.04 days ago
29

Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability.

sudomakes/backroad16210 repos~1.4kAutomated safety check: PassMIT3 mo ago
30

Create Remotion videos using the Geist design system aesthetic.

Marve10s/Better-Fullstack752—~1.4kAutomated safety check: PassMITtoday
31

Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts.

LunarXuan/image-prompt-reverse465—~678Automated safety check: PassGPL-3.01 mo ago
32

Build landing pages and web UIs using a dark blueprint/wireframe aesthetic with sharp edges, connected sections, dashed outlines, measurement annotations, and technical typography.

superhq-ai/shuru862—~1.9kAutomated safety check: PassApache-2.017 days ago
33

Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs.

Far-Se/tabame372—~3.1kAutomated safety check: PassMITtoday
34

Turns a manuscript into a designed US Letter HTML book with a matching PDF, original cover art and checks that the manuscript text is preserved.

onepixelaway/frontend-textbooks106—~3.5kAutomated safety check: PassMIT2 mo ago
35

For creators, educators, and social-video editors who need a tactile paper-collage language for narration, knowledge points, opinions, or abstract topics.

tl2012tl/comfyUI-llama-TE2394 repos~5.2kAutomated safety check: PassNo licence15 days ago
36

Design original 9:16 Chinese-language cinematic movie posters from story briefs, genre keywords, or visual references, including layered cover workflows with separate image-designed background and…

dacnay816y62-hub/fantasy-movie-poster-skill165—~943Automated safety check: PassNo licence1 mo ago
37

Create distinctive, production-grade frontend interfaces with high design quality.

boussadjra/vuestrata1119 repos~2kAutomated safety check: PassMIT3 days ago
38

A skill your agent uses whenever creating or editing UI in this repo — React Native components, modals, bottom sheets, forms, buttons, inputs, typography, styling, icons, or any .tsx/.jsx work.

tetherto/pearpass-app-mobile276—~3.3kAutomated safety check: PassUnknown1 mo ago
39

Turns a supplied photo into a minimal zine-style poster with a clear artistic idea, empty space, saturated color and authored typography.

Zeejay0/gathered-scenes-zine-skill5.3k—~7.5kAutomated safety check: PassUnknown1 mo ago
40

Applies a calm Scandinavian look to interfaces: black-and-white foundation, restrained sans-serif type, generous spacing and minimal decoration, with review and prototype modes.

ericzakariasson/scandinavian-design403—~13kAutomated safety check: PassNo licence1 mo ago
41

Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL).

TidyFactor/Styler118—~1.7kAutomated safety check: PassApache-2.01 mo ago
42

A skill your agent uses when creating, redesigning, or reviewing web interfaces that need product-specific structure, clear hierarchy, responsive composition, accessible interaction, or relief from…

ohmiler/gridgeist114—~2.6kAutomated safety check: PassMIT2 mo ago
43

Russian text quality. An agent skill from talkstream/ru-text.

talkstream/ru-text2541 repo~993Automated safety check: PassMIT4 days ago
44

Web typography from choosing fonts to spacing, wrapping and accessibility.

trycompai/crm11k—~3.8kAutomated safety check: PassMIT27 days ago
45

Provides comprehensive Tailwind CSS utility-first styling patterns including responsive design, layout utilities, flexbox, grid, spacing, typography, colors, and modern CSS best practices.

ever-works/ever-works1583 repos~1.6kAutomated safety check: NotesAGPL-3.02 days ago
46

Call fal.ai Model APIs (auth, upload, subscribe/queue, parse responses).

rtadewald/skills180—~1.2kAutomated safety check: NotesNo licence9 days ago
47

A skill your agent uses when designing, translating, reviewing, or fixing LifeBook book/page layout, including print-compatible EPUB typography, Chinese title hierarchy, body rhythm, paragraph…

SaberOnGo/public-domain-books-translation267—~4.1kAutomated safety check: PassNo licence3 days ago
48

Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements.

bergside/typeui2k—~861Automated safety check: PassMIT3 mo ago

Questions, answered from the data.

What is the best typography skill?

Impeccable from bestofjs/bestofjs ranks first of the 397 typography skills listed here, with the highest score: its repository has 3.1k GitHub stars, 27 other GitHub owners carry a copy, its SKILL.md loads about 2.6k tokens and it passes the automated safety check with no findings. Next come Tailwindcss Development and Design System.

Which typography skills are official?

7 of the 397 typography skills are official, published by the vendor's own GitHub organization: Anthropic Brand Styling, Stitch Taste Design System, Frontend Design, Theme Factory, Design System and 2 more.

How are these skills ranked?

By Skill Navigator score, which combines the GitHub stars of the skill's repository (shared across that repo's skills and discounted for large collections), how many other GitHub owners carry a copy of the skill, and automated SKILL.md quality checks, minus penalties for safety-check warnings and for each further skill from the same repository. Skills that fail the safety check are not listed.