Topic · Frontend & Design
Best typography skills, page 6
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 241 | A skill your agent uses when styling UI for replit.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~191 | Automated safety check: Pass | MIT | today |
| 242 | 242.Dating Web A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. | sanqiufong/ | 132 | 1 repo | ~965 | Automated safety check: Pass | Apache-2.0 | today |
| 243 | Create or redesign creative agency, production studio, architecture, culture, and portfolio websites with billboard typography, hard black-and-white chapters, exposed grids, documentary imagery… | boraoztunc/ | 397 | 2 repos | ~1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 244 | 244.Codex A radically minimal, blank-canvas interface built as a pure edge-to-edge surface, with almost no color and typography carrying the visual weight. | bergside/ | 3.1k | 1 repo | ~1k | Automated safety check: Pass | MIT | 3 mo ago |
| 245 | A skill your agent uses when displaying text in Phaser 4. An agent skill from autonomous-ai/openharness. | autonomous-ai/ | 1.2k | — | ~5k | Automated safety check: Pass | MIT | today |
| 246 | A comprehensive guide for GitHub Copilot to craft immersive, high-performance web experiences with advanced motion, typography, and architectural craftsmanship. | github/ | 40k | 1 repo | ~1.8k | Automated safety check: Pass | MIT | today |
| 247 | 247.Design Extract Extract design tokens (color / typography / spacing) from imported source code, screenshots, or Figma exports into the canonical token bag token-map consumes. | nexu-io/ | 100k | — | ~549 | Automated safety check: Pass | Apache-2.0 | today |
| 248 | 248.Frontend Design Create distinctive, production-grade frontend interfaces with strong visual direction, polished typography, considered layout, and working HTML/CSS/JS or framework code. | nexu-io/ | 100k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | today |
| 249 | This skill should be used when creating Ultralytics-branded content of any kind, including PDF, PPTX, Canva, or Google Slides presentations, DOCX documents, marketing or newsletter HTML emails… | fcakyon/ | 1.2k | — | ~1.3k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 250 | Обеспечивает векторную четкость текста и иконок в 4K/8K через генератор msdfgen, интеграцию вариативных шрифтов Variable Fonts с динамической интерполяцией осей и субпиксельную калибровку… | ReiKatari/ | 116 | — | ~404 | Automated safety check: Pass | GPL-3.0 | 4 days ago |
| 251 | 251.Oma Design AI design specialist skill with DESIGN.md management, anti-pattern enforcement, optional Stitch MCP integration, and component library guidance. | first-fluke/ | 1.3k | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 252 | A skill your agent uses when the user asks to generate a blog cover image, thumbnail, or article header. | Varnan-Tech/ | 674 | — | ~1k | Automated safety check: Pass | MIT | 1 mo ago |
| 253 | A skill your agent uses when generating or editing images with Grok Imagine models on Scenario via MCP: text-to-image, instruction editing with up to three reference images, posters, packaging, ads… | scenario-labs/ | 931 | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 254 | A skill your agent uses when generating or editing images with Ideogram models on Scenario via MCP: posters, logos, menus, packaging, or signage with exact in-image text, editing an image in place… | scenario-labs/ | 931 | — | ~2.7k | Automated safety check: Pass | MIT | today |
| 255 | A skill your agent uses when generating or editing images with Microsoft MAI Image models on Scenario via MCP: photoreal or stylized text-to-image with legible in-image typography, posters… | scenario-labs/ | 931 | — | ~1.5k | Automated safety check: Pass | MIT | today |
| 256 | Apply pre-composed aesthetic archetype defaults to jumpstart brand design work covering color, typography, layout, voice, and imagery direction. | rampstackco/ | 941 | — | ~1.9k | Automated safety check: Pass | MIT | 2 days ago |
| 257 | 257.Design Standards Apply production-grade design standards when building or reviewing pages, components, or UI. | rampstackco/ | 941 | — | ~2.4k | Automated safety check: Pass | MIT | 2 days ago |
| 258 | 258.Design Brief Parse a structured design brief written in I-Lang protocol format into a concrete design spec. | sanqiufong/ | 132 | 1 repo | ~3.3k | Automated safety check: Pass | Apache-2.0 | today |
| 259 | 259.Creative Playful, character-driven design with expressive typography and bold graphics for landing pages and creative projects. | bergside/ | 3.1k | 1 repo | ~850 | Automated safety check: Pass | MIT | 3 mo ago |
| 260 | 260.Editorial Magazine-inspired editorial layout with refined serif typography, structured grids, and elegant reading experiences. | bergside/ | 3.1k | 1 repo | ~915 | Automated safety check: Pass | MIT | 3 mo ago |
| 261 | 261.Fiction A playful, energetic, cartoonesque interface inspired by friendly children's-book illustrations — warm cream backgrounds, big bold custom display typography, saturated brand color blocks, thick… | bergside/ | 3.1k | 1 repo | ~954 | Automated safety check: Pass | MIT | 3 mo ago |
| 262 | 262.Flat Two-dimensional minimalist style with vibrant colors, clean typography, and no 3D effects for fast, user-friendly interfaces. | bergside/ | 3.1k | 1 repo | ~978 | Automated safety check: Pass | MIT | 3 mo ago |
| 263 | 263.Futuristic Forward-looking design with tech-inspired typography, modern layouts, and a sleek, innovation-driven aesthetic. | bergside/ | 3.1k | 1 repo | ~842 | Automated safety check: Pass | MIT | 3 mo ago |
| 264 | 264.Minimal Stripped-back design emphasizing whitespace, clean typography, and restrained color for maximum clarity and focus. | bergside/ | 3.1k | 1 repo | ~847 | Automated safety check: Pass | MIT | 3 mo ago |
| 265 | 265.Modern Contemporary editorial style with serif typography, minimal palettes, and clean layouts for polished digital products. | bergside/ | 3.1k | 1 repo | ~849 | Automated safety check: Pass | MIT | 3 mo ago |
| 266 | 266.Paper Paper-textured, print-inspired design with minimal colors, clean serif/sans typography, and tactile surface qualities. | bergside/ | 3.1k | 1 repo | ~846 | Automated safety check: Pass | MIT | 3 mo ago |
| 267 | 267.Premium Apple-inspired premium aesthetic with precise spacing, modern typography, and a refined, polished visual language. | bergside/ | 3.1k | 1 repo | ~842 | Automated safety check: Pass | MIT | 3 mo ago |
| 268 | 268.Professional Polished, business-ready design with modern typography, structured layouts, and a trustworthy visual identity. | bergside/ | 3.1k | 1 repo | ~849 | Automated safety check: Pass | MIT | 3 mo ago |
| 269 | 269.Pulse Dynamic, vibrant style with thick borders, geometric shapes, high-contrast colors, and expressive typography conveying motion and vitality. | bergside/ | 3.1k | 1 repo | ~975 | Automated safety check: Pass | MIT | 3 mo ago |
| 270 | 270.Refined Carefully curated, modern minimal style with elegant serif typography and understated, sophisticated palettes. | bergside/ | 3.1k | 1 repo | ~848 | Automated safety check: Pass | MIT | 3 mo ago |
| 271 | 271.Retro Throwback design with vintage-inspired typography, high-contrast retro palettes, and nostalgic visual elements. | bergside/ | 3.1k | 1 repo | ~842 | Automated safety check: Pass | MIT | 3 mo ago |
| 272 | 272.Sega A playful, arcade-inspired interface for games — built on the VT323 pixel typeface, hard-edged 0px corners, chunky pill buttons that physically press into solid offset blocks | bergside/ | 3.1k | 1 repo | ~915 | Automated safety check: Pass | MIT | 3 mo ago |
| 273 | 273.Square Graceful, refined aesthetic with delicate typography, minimal palettes, and polished layouts that exude sophistication. | bergside/ | 3.1k | 1 repo | ~841 | Automated safety check: Pass | MIT | 3 mo ago |
| 274 | 274.Vibrant Lively, colorful design with bold playful typography, warm accents, and dynamic visual energy. | bergside/ | 3.1k | 1 repo | ~865 | Automated safety check: Pass | MIT | 3 mo ago |
| 275 | 275.Vintage 1950s-1990s nostalgia with skeuomorphic touches, grainy textures, retro color palettes, and pixel-style typography. | bergside/ | 3.1k | 1 repo | ~879 | Automated safety check: Pass | MIT | 3 mo ago |
| 276 | 276.Font Loading A skill your agent uses when auditing slow page loads, heavy assets, or rendering delays related to Optimize web font loading. | thedaviddias/ | 74k | — | ~400 | Automated safety check: Pass | MIT | 3 days ago |
| 277 | 277.Webfont Format A skill your agent uses when reviewing stylesheets, component styles, and responsive behavior related to Optimize web font formats. | thedaviddias/ | 74k | — | ~418 | Automated safety check: Pass | MIT | 3 days ago |
| 278 | UI polish and interface-completion reference: the small visual details — concentric border radius, optical alignment, shadow-vs-border, motion easing, typography smoothing, tabular numbers, icon… | modu-ai/ | 1.2k | — | ~3.1k | Automated safety check: Pass | Apache-2.0 | today |
| 279 | 279.Palot Design Apply Palot's design contract. An agent skill from ItsWendell/palot. | ItsWendell/ | 191 | — | ~147 | Automated safety check: Pass | MIT | 2 days ago |
| 280 | 280.Design System Use this skill BEFORE writing or restyling ANY user-facing interface. | WrongStack/ | 370 | — | ~3.9k | Automated safety check: Pass | MIT | today |
| 281 | 281.Brand Guidelines Apply Anthropic's official brand colors and typography to artifacts for consistent visual identity and professional design standards. | nexu-io/ | 100k | — | ~346 | Automated safety check: Pass | Apache-2.0 | today |
| 282 | Use this plugin when the user wants a "NYT-Style Data Chart Frame" HyperFrames motion video — NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range… | nexu-io/ | 100k | — | ~329 | Automated safety check: Pass | Apache-2.0 | today |
| 283 | Use this plugin when the user wants a "Vignelli" HyperFrames motion video — Bold typography with red accents | nexu-io/ | 100k | — | ~312 | Automated safety check: Pass | Apache-2.0 | today |
| 284 | 284.Wpds WordPress Design System. An agent skill from nexu-io/open-design. | nexu-io/ | 100k | — | ~283 | Automated safety check: Pass | Apache-2.0 | today |
| 285 | Critique a rendered screen's typography — scale usage, readability, consistency, and token compliance. | Owl-Listener/ | 2.9k | 1 repo | ~824 | Automated safety check: Pass | MIT | 1 mo ago |
| 286 | 286.Readable Measure Set line length and measure for comfortable reading across type sizes and breakpoints. | Owl-Listener/ | 2.9k | 1 repo | ~555 | Automated safety check: Pass | MIT | 1 mo ago |
| 287 | 287.Frontend Design Guidance for distinctive, intentional visual design when building or reshaping UI, HTML/React artifacts, dashboards, charts, and visual reports. | spytensor/ | 452 | — | ~2.6k | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 288 | Pick and apply a complete visual style direction — surface ladder, type scale, accent discipline, and one signature structural motif — for a website, landing page, dashboard, or app shell. | boraoztunc/ | 397 | — | ~2.7k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
Explore related skills
More topics in Frontend & Design
- Accessibility1,037
- Design systems831
- UI design478
- Landing pages458
- React components450
- Internationalization416
- Design tokens395
- Frontend development358
- CSS and styling349
- Theming and dark mode334
- Web performance312
- HTML artifacts276
- State management274
- Static sites and blogs270
- UX design267
- Responsive design258
- Web animation and motion189
- Forms and validation180
- Design to code104
- Icons and illustration64