Topic · Frontend & Design
Best typography skills for Claude Code, Codex and other agents.
- skills
- 397
- official
- 7
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 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/ | 3.1k | 27 repos | ~2.6k | Automated safety check: Pass | MIT | 3 days ago |
| 2 | Always invoke when the user's message includes 'tailwind' in any form. | anonaddy/ | 4.9k | 10 repos | ~865 | Automated safety check: Pass | MIT | yesterday |
| 3 | Token architecture, component specifications, and slide generation. | Ohh-889/ | 795 | 11 repos | ~1.7k | Automated safety check: Pass | MIT | 1 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/ | 180k | 30 repos | ~559 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 5 | Design engineering principles for making interfaces feel polished. | samuelclay/ | 7.6k | 10 repos | ~1.5k | Automated safety check: Pass | MIT | yesterday |
| 6 | A skill your agent uses when visual quality and design identity matter for a PDF. | poco-ai/ | 1.4k | 6 repos | ~2.1k | Automated safety check: Pass | MIT | 15 days ago |
| 7 | UI/UX design intelligence for web and mobile. An agent skill from saoudi-h/solar-icons. | saoudi-h/ | 184 | 18 repos | ~11k | Automated safety check: Notes | Unknown | today |
| 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/ | 8.4k | 15 repos | ~3.1k | Automated safety check: Pass | Apache-2.0 | 1 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/ | 9.5k | 8 repos | ~855 | Automated safety check: Pass | MIT | today |
| 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/ | 7.3k | — | ~2.9k | Automated safety check: Pass | MIT | 1 mo ago |
| 11 | 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/ | 180k | 38 repos | ~2.3k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 12 | 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/ | 180k | 48 repos | ~781 | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 13 | Scalar's design system — design tokens, theming (@scalar/themes), CSS variables, and the @scalar/components library. | scalar/ | 16k | — | ~2.7k | Automated safety check: Pass | MIT | today |
| 14 | 14.Design Guide Paperclip UI design system guide for building consistent, reusable frontend components. | paperclipai/ | 99k | 1 repo | ~3.1k | Automated safety check: Pass | MIT | today |
| 15 | 15.Mono Color Generate original one-ink or controlled two-ink editorial images from any theme, sentence, article idea, object, or reference photo. | yanliudesign/ | 3.4k | — | ~8.5k | Automated safety check: Pass | MIT | 1 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/ | 4.7k | 1 repo | ~4.3k | Automated safety check: Pass | Apache-2.0 | 2 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/ | 812 | — | ~1.6k | Automated safety check: Pass | MIT | 2 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/ | 5.7k | 1 repo | ~1.1k | Automated safety check: Pass | MIT | 14 days ago |
| 19 | 19.Motion Web 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/ | 668 | — | ~18k | Automated safety check: Pass | CC-BY-NC-4.0 | 22 days ago |
| 20 | 20.Ru Score Score Russian text 0.0–10.0 across five dimensions: typography, clean language, grammar, structure, precision for the reader. | talkstream/ | 254 | 2 repos | ~1.4k | Automated safety check: Pass | MIT | 4 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/ | 7.5k | — | ~1.9k | Automated safety check: Pass | MIT | yesterday |
| 22 | UI/UX best practices for web interfaces. An agent skill from raphaelsalaja/userinterface-wiki. | raphaelsalaja/ | 906 | — | ~3.5k | Automated safety check: Pass | MIT | 2 mo ago |
| 23 | A skill your agent uses when loading and managing resources in PixiJS v8. | netaart/ | 570 | 1 repo | ~5k | Automated safety check: Pass | MIT | today |
| 24 | For musicians, video creators, and social-media editors producing AI music videos or emotional short films with lyric typography. | tl2012tl/ | 239 | 4 repos | ~3.6k | Automated safety check: Pass | No licence | 15 days ago |
| 25 | 25.Use UI Kit 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/ | 538 | — | ~3.3k | Automated safety check: Pass | Unknown | 1 mo ago |
| 26 | Web typography. An agent skill from Lily-404/blog. | Lily-404/ | 151 | 5 repos | ~2.8k | Automated safety check: Pass | No licence | 14 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/ | 5.3k | — | ~4.3k | Automated safety check: Pass | Unknown | 1 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/ | 2.3k | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 4 days ago |
| 29 | 29.Typeset Improve typography by fixing font choices, hierarchy, sizing, weight consistency, and readability. | sudomakes/ | 162 | 10 repos | ~1.4k | Automated safety check: Pass | MIT | 3 mo ago |
| 30 | Create Remotion videos using the Geist design system aesthetic. | Marve10s/ | 752 | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 31 | Analyze user-provided reference images and reverse-engineer high-fidelity AI image-generation prompts. | LunarXuan/ | 465 | — | ~678 | Automated safety check: Pass | GPL-3.0 | 1 mo ago |
| 32 | 32.Blueprint UI 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/ | 862 | — | ~1.9k | Automated safety check: Pass | Apache-2.0 | 17 days ago |
| 33 | Create or revise Tabame's Flutter launcher designs: frames, search bars, result rows, palettes, typography, and action dialogs. | Far-Se/ | 372 | — | ~3.1k | Automated safety check: Pass | MIT | today |
| 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/ | 106 | — | ~3.5k | Automated safety check: Pass | MIT | 2 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/ | 239 | 4 repos | ~5.2k | Automated safety check: Pass | No licence | 15 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/ | 165 | — | ~943 | Automated safety check: Pass | No licence | 1 mo ago |
| 37 | Create distinctive, production-grade frontend interfaces with high design quality. | boussadjra/ | 111 | 9 repos | ~2k | Automated safety check: Pass | MIT | 3 days ago |
| 38 | 38.Use UI Kit 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/ | 276 | — | ~3.3k | Automated safety check: Pass | Unknown | 1 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/ | 5.3k | — | ~7.5k | Automated safety check: Pass | Unknown | 1 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/ | 403 | — | ~13k | Automated safety check: Pass | No licence | 1 mo ago |
| 41 | Production framework styler and surgical RTL UI polish engine with Contextual Decision Layer (CDL). | TidyFactor/ | 118 | — | ~1.7k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 42 | 42.Gridgeist 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/ | 114 | — | ~2.6k | Automated safety check: Pass | MIT | 2 mo ago |
| 43 | 43.Ru Text Russian text quality. An agent skill from talkstream/ru-text. | talkstream/ | 254 | 1 repo | ~993 | Automated safety check: Pass | MIT | 4 days ago |
| 44 | Web typography from choosing fonts to spacing, wrapping and accessibility. | trycompai/ | 11k | — | ~3.8k | Automated safety check: Pass | MIT | 27 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/ | 158 | 3 repos | ~1.6k | Automated safety check: Notes | AGPL-3.0 | 2 days ago |
| 46 | 46.Fal AI Call fal.ai Model APIs (auth, upload, subscribe/queue, parse responses). | rtadewald/ | 180 | — | ~1.2k | Automated safety check: Notes | No licence | 9 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/ | 267 | — | ~4.1k | Automated safety check: Pass | No licence | 3 days ago |
| 48 | Universal UI/UX design principles covering visual hierarchy, interaction laws, typography foundations, and WCAG accessibility requirements. | bergside/ | 2k | — | ~861 | Automated safety check: Pass | MIT | 3 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.
Explore related skills
Category
More topics in Frontend & Design
- Accessibility1,033
- Design systems836
- UI design478
- Landing pages460
- React components455
- Internationalization414
- Design tokens395
- Frontend development360
- CSS and styling352
- Theming and dark mode337
- Web performance316
- HTML artifacts277
- State management276
- Static sites and blogs268
- UX design265
- Responsive design261
- Web animation and motion190
- Forms and validation180
- Design to code104
- Icons and illustration64