Topic · Frontend & Design
Best typography skills, page 5
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 193 | A skill your agent uses when styling UI for sentry.io — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~243 | Automated safety check: Pass | MIT | yesterday |
| 194 | 194.Color Font Skill Choose presentation-ready color palettes and font pairings for PPT/design tasks. | haojing8312/ | 141 | 1 repo | ~1.4k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 195 | 195.Persian Rtl UI Build right-to-left Persian (Farsi) UI in React and Tailwind the way an Iranian product team would: logical CSS only, Persian fonts without letter-spacing, Persian digits and «تومان», Jalali dates… | TronIsHere/ | 210 | — | ~1.7k | Automated safety check: Warn | No licence | yesterday |
| 196 | 196.Docs SVG Kit Author SVG figures for Grida docs — diff-able, version-controlled vector diagrams embedded in doc pages instead of screenshots. | gridaco/ | 2.7k | — | ~5.6k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 197 | Web and App implementation guide for Brutalist Typography. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.2k | Automated safety check: Pass | MIT | today |
| 198 | 198.Editorial Design Web and App implementation guide for Editorial Design. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 1 repo | ~2.9k | Automated safety check: Pass | MIT | today |
| 199 | 199.Gpt Taste A skill your agent uses when generating elite GSAP-heavy frontend pages with strict AIDA structure, wide hero typography, and gapless bento grids. | sickn33/ | 47k | 1 repo | ~2.3k | Automated safety check: Pass | MIT | today |
| 200 | 200.Swiss Design Web and App implementation guide for Swiss Design (International Typographic Style). | sickn33/ | 47k | 1 repo | ~2.8k | Automated safety check: Pass | MIT | today |
| 201 | 201.Typography First Web and App implementation guide for Typography First Design. | sickn33/ | 47k | 1 repo | ~2.2k | Automated safety check: Pass | MIT | today |
| 202 | 202.Nous Branding Generate images and content consistent with the Nous Research brand identity. | magnus919/ | 116 | — | ~4k | Automated safety check: Pass | MIT | yesterday |
| 203 | Guide frontend design decisions to create distinctive, creative UIs that avoid generic AI-generated aesthetics. | maslennikov-ig/ | 260 | — | ~794 | Automated safety check: Pass | Unknown | 7 mo ago |
| 204 | A skill your agent uses when styling UI for supabase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~205 | Automated safety check: Pass | MIT | yesterday |
| 205 | A skill your agent uses when styling UI for v0.dev — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~218 | Automated safety check: Pass | MIT | yesterday |
| 206 | A skill your agent uses when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~244 | Automated safety check: Pass | MIT | yesterday |
| 207 | A skill your agent uses when styling UI for coinbase.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~198 | Automated safety check: Pass | MIT | yesterday |
| 208 | A skill your agent uses when styling UI for discord.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~229 | Automated safety check: Pass | MIT | yesterday |
| 209 | A skill your agent uses when styling UI for duolingo.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~235 | Automated safety check: Pass | MIT | yesterday |
| 210 | A skill your agent uses when styling UI for framer.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~227 | Automated safety check: Pass | MIT | yesterday |
| 211 | A skill your agent uses when styling UI for loom.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~281 | Automated safety check: Pass | MIT | yesterday |
| 212 | A skill your agent uses when styling UI for mintlify.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~235 | Automated safety check: Pass | MIT | yesterday |
| 213 | A skill your agent uses when styling UI for netflix.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~209 | Automated safety check: Pass | MIT | yesterday |
| 214 | 214.Design System Generate a design system from an existing codebase or audit one for visual consistency: extract tokens (colors, typography, spacing, shadows) into design-tokens.json and CSS custom properties with… | affaan-m/ | 276k | — | ~698 | Automated safety check: Pass | MIT | 4 days ago |
| 215 | Create or redesign creative-studio, agency, photographer, artist, and portfolio websites where project work leads the story. | boraoztunc/ | 397 | 2 repos | ~1.1k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 216 | Editorial "Field Notes" report template with soft paper background, serif hero typography, rounded pastel insight cards, and a retention chart panel. | nexu-io/ | 100k | — | ~574 | Automated safety check: Pass | Apache-2.0 | today |
| 217 | Swiss-inspired creative-mode presentation template skill with bold editorial typography, high-contrast geometric cards, interactive slide navigation, theme switching, hotspot overlays, and palette… | nexu-io/ | 100k | — | ~563 | Automated safety check: Pass | Apache-2.0 | today |
| 218 | 218.Brand Dna Extract brand identity from a website URL — voice, colors, typography, imagery, values, and target audience — into a structured brand-profile.json. | thatrebeccarae/ | 162 | — | ~1.8k | Automated safety check: Pass | MIT | 4 mo ago |
| 219 | 219.Design System Mechanical implementation invariants for frontend design: token architecture, typography hierarchy, loading order, FOUT prevention, chrome stability, motion timing, color semantics. | sickn33/ | 47k | 1 repo | ~3.9k | Automated safety check: Pass | MIT | today |
| 220 | 220.Clean Simplicity-focused design with ample whitespace, legible typography, and a limited color palette to reduce visual clutter. | bergside/ | 3.1k | 1 repo | ~918 | Automated safety check: Pass | MIT | 3 mo ago |
| 221 | 221.Humanizer Rewrite or edit prose in any language so it reads like edited human writing in the register of books, newspapers and encyclopedias rather than default AI output. | Prism-Shadow/ | 2.5k | — | ~1.8k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 222 | Plan and orchestrate multi-slide PowerPoint creation from scratch. | haojing8312/ | 141 | 1 repo | ~1.5k | Automated safety check: Pass | Proprietary | 4 mo ago |
| 223 | 223.Brand Guidelines When the user wants to apply, document, or enforce brand guidelines for any product or company. | alirezarezvani/ | 28k | 1 repo | ~1.3k | Automated safety check: Pass | MIT | 1 mo ago |
| 224 | Provides design token system and theming framework for consistent, customizable UI styling across all components. | ancoleman/ | 526 | — | ~2.3k | Automated safety check: Pass | MIT | 10 mo ago |
| 225 | 225.Design Research A skill your agent uses when building ANY website, web app, landing page, or web-based UI - searches real template marketplaces for professionally designed layouts in the user's industry or niche… | NoobyGains/ | 107 | — | ~3k | Automated safety check: Pass | MIT | 7 mo ago |
| 226 | Expert UI/UX design guidance for unique, accessible interfaces. | bencium/ | 446 | — | ~6.8k | Automated safety check: Pass | MIT | 5 days ago |
| 227 | Design-token register: colour, typography, spacing and radius tokens with light and dark values, contrast ratio and WCAG level. | sickn33/ | 47k | 1 repo | ~5.7k | Automated safety check: Pass | MIT | today |
| 228 | 228.Oma Design Define or review a visual system, DESIGN.md, or redesign direction. | first-fluke/ | 1.3k | — | ~2.1k | Automated safety check: Pass | MIT | today |
| 229 | 54 production-quality design systems extracted from real websites. | Tommy-yw/ | 546 | 1 repo | ~2.4k | Automated safety check: Pass | MIT | 4 mo ago |
| 230 | 230.Image To Code Turn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette, type scale, spacing, radius, layout archetype), map it to the… | plugin87/ | 1.6k | — | ~901 | Automated safety check: Pass | MIT | yesterday |
| 231 | 231.Apc Theme 实现和维护 AndroidProject-Compose 的 Material 3 主题与设计令牌,覆盖浅色、深色、动态颜色、Color、Typography、Shape、Size、主题预览和规范图同步。用户要求修改主题、颜色、字体、圆角、间距、深浅色、动态配色或 AppTheme 时使用。 | Joker-x-dev/ | 102 | — | ~525 | Automated safety check: Pass | No licence | 23 days ago |
| 232 | 232.Manage Theme Create a new Kendo UI theme package from scratch or update an existing theme's design tokens, swatches, and component overrides. | telerik/ | 158 | — | ~2.7k | Automated safety check: Pass | No licence | today |
| 233 | 233.Inline Widget Inline HTML widgets: charts, dashboards, data tables rendered directly in the chat via ShowWidget | ginlix-ai/ | 1.8k | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | today |
| 234 | 234.UI Design Design-quality reference for financial-research visual output: typography, color, composition, and avoiding generic AI aesthetics | ginlix-ai/ | 1.8k | — | ~2.9k | Automated safety check: Pass | Apache-2.0 | today |
| 235 | Review UI code for Web Interface Guidelines compliance by the Vercel engineering team. | nexu-io/ | 100k | — | ~601 | Automated safety check: Pass | MIT | today |
| 236 | 236.Aster Atelier Use this template when the user wants an artistic creative-studio website with classical imagery, cobalt skies, elegant serif typography and cinematic scrolling. | nexu-io/ | 100k | — | ~908 | Automated safety check: Pass | MIT | today |
| 237 | 237.Design System Extract a complete design system from an existing website or screenshot into a DESIGN.md file. | jezweb/ | 1.1k | — | ~2.2k | Automated safety check: Notes | MIT | 4 days ago |
| 238 | cross-browser-typography-qa — Diagnose and verify web typography rendering defects across Chromium, WebKit, and native Safari, including clipped glyphs, broken descenders, wrapping, font metrics… | AtlasOmnia/ | 126 | — | ~2.3k | Automated safety check: Pass | MIT | 20 days ago |
| 239 | A skill your agent uses when styling UI for ramp.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~190 | Automated safety check: Pass | MIT | yesterday |
| 240 | A skill your agent uses when styling UI for raycast.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~192 | Automated safety check: Pass | MIT | yesterday |
Explore related skills
Category
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