Topic · Frontend & Design
Best typography skills, page 8
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 337 | 337.Webui Design Design system for the AI Edit Video web dashboard (noti.vn) - the three-step type scale, light/dark color tokens, the component primitives every page must use, Inter font, SVG icons, Shopify Admin… | notivn/ | 126 | — | ~3.5k | Automated safety check: Pass | MIT | today |
| 338 | Provider-independent production guidance for translating measured audio features into deterministic video timing and motion. | calesthio/ | 191 | — | ~2.9k | Automated safety check: Pass | MIT | 2 mo ago |
| 339 | Extract design tokens, colors, typography, and spacing from Figma files via REST API. | jeremylongshore/ | 2.8k | — | ~1.8k | Automated safety check: Pass | MIT | today |
| 340 | 340.Brand Identity Defines and applies visual brand — logo usage, palette, typography, imagery direction, and the guidelines that keep expression consistent across product and marketing surfaces. | cbrock84/ | 2k | — | ~783 | Automated safety check: Pass | MIT | 20 days ago |
| 341 | 341.Impeccable 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… | EliasOulkadi/ | 114 | — | ~3.9k | Automated safety check: Pass | Apache-2.0 | 3 days ago |
| 342 | 342.Suede Design Suede AI design skill for making an interface feel intentional instead of templated: design tokens, color strategy, OKLCH ramps, type scale, fluid type, visual hierarchy, dark mode, spacing… | JasonColapietro/ | 127 | — | ~5.4k | Automated safety check: Pass | MIT | today |
| 343 | 343.Create Website Guided journey from a blank page to a live, high-converting website, built message-first, then design, then conversion. | wondelai/ | 2.4k | — | ~5.7k | Automated safety check: Pass | MIT | 27 days ago |
| 344 | Designs distinctive, non-generic UI — typography, OKLCH color, design tokens (DESIGN.md), layout, components, motion, dark mode, accessibility — for landing pages, SaaS apps, dashboards, ecommerce… | samber/ | 228 | — | ~4.9k | Automated safety check: Pass | MIT | 7 days ago |
| 345 | 345.Eng Design Compozy visual-design authority for production UI, static artifacts, prototypes, and reviews. | compozy/ | 2.8k | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 346 | 346.UI UX Pro Max A skill your agent uses when planning, building, designing, code review, refactor, fixing, improving, optimizing, enhancing, or checking UI/UX work. | majiayu000/ | 286 | — | ~442 | Automated safety check: Pass | MIT | today |
| 347 | 347.Pro Deck Builder Create polished HTML slide decks and PDF-ready documents for consulting deliverables. | thatrebeccarae/ | 162 | — | ~6.1k | Automated safety check: Pass | MIT | 4 mo ago |
| 348 | Brand and restyle the CometChat iOS UI Kit — theme colours, typography, per-component styles, localisation and sounds. | cometchat/ | 130 | — | ~1.1k | Automated safety check: Pass | MIT | 2 days ago |
| 349 | Skillshare frontend design system for the React dashboard (ui/) and Docusaurus website (website/). | JetBrains/ | 364 | — | ~3.1k | Automated safety check: Pass | No licence | 3 mo ago |
| 350 | Apply in-product expectation cues — typography, animation, spacing, copy tone, micro-interactions, and visual register that signal "this is the kind of product you're using" within seconds of… | hashgraph-online/ | 1.2k | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | today |
| 351 | A skill your agent uses when the question is specifically about how to construct visual hierarchy through typography — picking a type scale, ladders of weight, line-height steps, and the… | hashgraph-online/ | 1.2k | — | ~2.3k | Automated safety check: Pass | Apache-2.0 | today |
| 352 | 352.Legibility Apply the principle of Legibility — the visual clarity of individual characters and short phrases, determined by typeface, size, weight, contrast, and spacing. | hashgraph-online/ | 1.2k | — | ~3k | Automated safety check: Pass | Apache-2.0 | today |
| 353 | Apply contrast and spacing for legibility — calibrating color contrast between text and background, character tracking, and line leading so a chosen typeface and size actually render legibly. | hashgraph-online/ | 1.2k | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | today |
| 354 | Apply typeface and size choices for legibility — picking the right typeface for the use case (display, body, code, UI) and sizing it appropriately for the rendering context. | hashgraph-online/ | 1.2k | — | ~2.8k | Automated safety check: Pass | Apache-2.0 | today |
| 355 | 355.Readability Apply the principle of Readability — the ease with which sustained prose can be read, determined by line length, line height, paragraph rhythm, font choice for prose, and visual breathing room. | hashgraph-online/ | 1.2k | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | today |
| 356 | Set line length (measure) for prose — capping the maximum width of body text so lines stay in the 45–75 character range that supports comfortable sustained reading. | hashgraph-online/ | 1.2k | — | ~2.1k | Automated safety check: Pass | Apache-2.0 | today |
| 357 | 357.Cell Figures A skill your agent uses to finalize Cell Press display items — column-width sizing, minimum fonts, RGB, show-the-data with defined error bars/n/replicate type, scale bars, colorblind-safe palettes… | franklee16/ | 223 | 1 repo | ~1k | Automated safety check: Pass | No licence | 19 days ago |
| 358 | Declarative catalog of named aesthetic recipes — exact shadow stacks, glass surfaces, gradient treatments, and type scales as copy-paste values with Use-When and Avoid rules. | yonatangross/ | 289 | — | ~1.3k | Automated safety check: Pass | MIT | today |
| 359 | 359.Vibe Matcher Synesthete designer that translates emotional vibes and brand keywords into concrete visual DNA (colors, typography, layouts, interactions). | curiositech/ | 243 | — | ~3.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 360 | Create polished HTML technical reports and multi-page documents for consulting deliverables. | thatrebeccarae/ | 162 | — | ~1.2k | Automated safety check: Pass | MIT | 4 mo ago |
| 361 | 361.Ultimate UI A skill your agent uses when building user interfaces that need to look polished, modern, and intentional - not like AI-generated slop. | NeverSight/ | 216 | 1 repo | ~4k | Automated safety check: Pass | MIT | today |
| 362 | 362.UI UX Design Pro Senior-level UI/UX design expert for building data-driven, premium production interfaces. | LeoYeAI/ | 2.2k | — | ~5.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 363 | A specialized skill for the cover-designer agent covering cover design psychology. | revfactory/ | 1.3k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 364 | 364.Token Generator Methodology and tools for systematically generating design tokens. | revfactory/ | 1.3k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 365 | 365.Design Review Structured UI design review — existing code (React/JSX, CSS, Tailwind) and, when behaviour matters, the running app in a real browser — reported as a prioritised Before / After / Why table. | pproenca/ | 215 | — | ~3.4k | Automated safety check: Pass | MIT | 1 mo ago |
| 366 | The craft of turning a single quote, line, or stat into a designed typographic graphic — quote cards, pull-quotes, text-on-image, stat cards, typography posts. | social-media-skills/ | 125 | — | ~2k | Automated safety check: Pass | MIT | 6 days ago |
| 367 | 367.Form Brief Translate a design brief — structured I-Lang or plain English — into a concrete DESIGN.md and optional HTML token preview. | jeremylongshore/ | 2.8k | — | ~3.3k | Automated safety check: Notes | MIT | today |
| 368 | 368.Branding Apply official brand colors and typography to professional artifacts. | IgorWarzocha/ | 122 | — | ~586 | Automated safety check: Pass | No licence | 8 mo ago |
| 369 | Generate RevealJS HTML presentations with reliable layout, professional typography, and effective visual communication. | jwynia/ | 166 | — | ~11k | Automated safety check: Pass | MIT | 7 mo ago |
| 370 | 370.Design Styles Applies a deliberate visual direction to an interface — minimalist editorial, industrial utilitarian, or high-polish commercial — each with its own type scale, palette behavior, surface treatment… | cbrock84/ | 2k | — | ~823 | Automated safety check: Pass | MIT | 20 days ago |
| 371 | 371.Atlas Design Make a Mendix app look designed rather than default-Atlas: layout, spacing, typography, colour and design properties that reach a finished standard. | mendixlabs/ | 128 | — | ~6.4k | Automated safety check: Pass | Apache-2.0 | today |
| 372 | 372.Analyse Design Reverse-engineer an application, website or document's design system from its codebase and screenshots. | sammcj/ | 162 | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 373 | Design, build, or revise a technical blog as a product system. | swyxio/ | 175 | — | ~3.1k | Automated safety check: Pass | MIT | 3 days ago |
| 374 | A skill your agent uses to compile visual inspiration, color palettes, and typography references for creative concepts. | gtmagents/ | 413 | 1 repo | ~306 | Automated safety check: Pass | Apache-2.0 | 6 mo ago |
| 375 | Creates unique web designs with brand identity, color palettes, typography, and modern UI/UX patterns. | curiositech/ | 243 | — | ~1.7k | Automated safety check: Pass | MIT | 1 mo ago |
| 376 | 376.Skillui Reverse-engineer any website's, repo's, or local project's design system into a Claude-ready skill via the SkillUI CLI. | CraftOS-dev/ | 392 | — | ~1.2k | Automated safety check: Pass | MIT | today |
| 377 | Generate a complete, accessibility-checked design system from scratch — colour ramps, type scale, spacing, elevation, and exports for CSS, Tailwind, design tokens, Figma, VS Code and PowerPoint. | mohitagw15856/ | 1.4k | — | ~1.7k | Automated safety check: Pass | MIT | today |
| 378 | Readability and rendering audit for figures and tables in academic manuscripts. | Mathews-Tom/ | 328 | — | ~1.7k | Automated safety check: Pass | MIT | 2 days ago |
| 379 | 379.Design Tokens A skill your agent uses when the user asks for design tokens, DTCG tokens, theme systems, color/typography/spacing/radius/elevation/motion tokens, translating tokens, exporting tokens, making a… | hashgraph-online/ | 1.2k | — | ~1.2k | Automated safety check: Pass | Apache-2.0 | today |
| 380 | 380.Design Design skills for Apple platform UI — Liquid Glass, animations, game feel (haptics, sound, celebrations), UI prototyping, UX writing, SF Symbols, and typography. | rshankras/ | 783 | — | ~1k | Automated safety check: Pass | MIT | 2 mo ago |
| 381 | 381.Typography UI typography on Apple platforms — text styles and Dynamic Type, the San Francisco family (Pro/Rounded/Compact/Mono/New York + width axis), optical sizes, tracking vs kerning, leading adjustments… | rshankras/ | 783 | — | ~1.7k | Automated safety check: Pass | MIT | 2 mo ago |
| 382 | 382.Using UI Stack Enforce a configuration-driven design system when generating UI. | spencerpauly/ | 842 | — | ~767 | Automated safety check: Pass | CC0-1.0 | 2 mo ago |
| 383 | Recommend font combinations for different use cases. An agent skill from OneWave-AI/claude-skills. | OneWave-AI/ | 323 | 1 repo | ~351 | Automated safety check: Pass | MIT | 6 days ago |
| 384 | 384.UI UX Pro Max AI-powered UI/UX design intelligence with 57 UI styles, 95+ color palettes, 56 font pairings, 25 chart types, and 100+ industry-specific reasoning rules across 12 tech stacks. | infometa/ | 344 | — | ~2.7k | Automated safety check: Notes | No licence | today |
Explore related skills
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