Topic · Frontend & Design
Best typography skills, page 4
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 145 | 145.Prompt To Design Generate a polished PNG graphic from a text prompt and an aspect ratio. | hassancs91/ | 101 | — | ~3.2k | Automated safety check: Pass | MIT | 1 mo ago |
| 146 | Create or redesign PowerPoint decks in a high-end Japanese hand-drawn editorial style: warm off-white paper texture, delicate pencil or ink line illustration, thin uneven strokes, mostly monochrome… | software-ai-life/ | 120 | — | ~758 | Automated safety check: Pass | No licence | 5 mo ago |
| 147 | Create deterministic editorial-style cover images with a warm paper-gray background, oversized black slab-serif/Chinese display typography, generous whitespace, and a dotted vector analysis icon. | Pluviobyte/ | 1.6k | — | ~1.1k | Automated safety check: Pass | Unknown | 18 days ago |
| 148 | 148.UI UX Pro Max UI/UX design intelligence. An agent skill from selmakcby/claude-agents-skills. | selmakcby/ | 136 | — | ~393 | Automated safety check: Pass | MIT | 5 mo ago |
| 149 | Learns about your product, studies the landscape and writes a DESIGN.md with a full design system covering type, color, layout, spacing and motion. | garrytan/ | 136k | — | ~15k | Automated safety check: Notes | MIT | today |
| 150 | 150.UI UX Pro Max [Frontend] Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. | InternScience/ | 172 | — | ~2.9k | Automated safety check: Notes | No licence | 6 mo ago |
| 151 | 151.Tweaks Wrap any HTML artifact with a side panel of live, parameterized controls — accent color, type scale, density, motion, theme — that rewrite CSS custom properties in real time and persist to… | sanqiufong/ | 132 | 1 repo | ~2.2k | Automated safety check: Pass | Apache-2.0 | today |
| 152 | 设计和排查 weapp-tailwindcss 动态 class 组合与运行时封装,覆盖 @weapp-tailwindcss/runtime、merge、cva、variants、typography、theme-transition、ui、clsx、twMerge、weappTwIgnore、escape/unescape、rpx transformer、缓存和组件 class… | weapp-tailwindcss/ | 1.9k | — | ~337 | Automated safety check: Pass | MIT | today |
| 153 | A skill your agent uses when styling UI for render.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~210 | Automated safety check: Pass | MIT | today |
| 154 | 154.Epupp Design Epupp design context, principles, and visual foundation. An agent skill from PEZ/epupp. | PEZ/ | 116 | — | ~610 | Automated safety check: Pass | MIT | 14 days ago |
| 155 | Core visual design principles (visual hierarchy, Gestalt grouping, composition, balance, contrast, white space, color, typography) with UI fixes, a checklist, and deep-dive references. | HermeticOrmus/ | 113 | — | ~2k | Automated safety check: Pass | MIT | 4 days ago |
| 156 | 156.Design Craft Opinionated product-design skill for building, reviewing, polishing, and iterating on landing pages, apps, dashboards, AI products, design systems, and brand touchpoints. | kipperacademy/ | 144 | — | ~3.8k | Automated safety check: Pass | No licence | 2 days ago |
| 157 | 157.Bold Strong visual presence with heavyweight typography, high-contrast colors, and commanding layouts. | bergside/ | 3.1k | 1 repo | ~854 | Automated safety check: Pass | MIT | 3 mo ago |
| 158 | Design rules for editing a slide page: canvas geometry, text height table, type scale, contrast pairs, spacing rhythm and which element type carries which content. | THU-MAIC/ | 40k | — | ~3.8k | Automated safety check: Pass | MIT | today |
| 159 | WordPress Full Site Editing (FSE) theme architecture. An agent skill from Automattic/wordpress-agent-skills. | Automattic/ | 115 | — | ~4.8k | Automated safety check: Pass | No licence | 6 mo ago |
| 160 | WeRead-inspired HyperFrames video template for vertical annual reading reports, personal reading dashboards, book-note recaps, and shareable year-in-review stories. | nexu-io/ | 100k | — | ~784 | Automated safety check: Pass | Apache-2.0 | today |
| 161 | Creating and customizing Streamlit themes. An agent skill from iusztinpaul/designing-real-world-ai-agents-workshop. | iusztinpaul/ | 512 | — | ~3.7k | Automated safety check: Pass | Apache-2.0 | 4 mo ago |
| 162 | AI frontend specialist and design consultant that guides users through a structured discovery process before generating any code. | tech-leads-club/ | 7k | 1 repo | ~5.3k | Automated safety check: Pass | CC-BY-4.0 | today |
| 163 | Automatically use together with the matching Levyra UI skill for any visual redesign, UI polish, visual hierarchy, spacing, typography, color, shape, motion, screenshot/reference recreation, or… | LUC4N3X/ | 533 | — | ~2.7k | Automated safety check: Pass | GPL-3.0 | today |
| 164 | A skill your agent uses when styling UI for resend.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~234 | Automated safety check: Pass | MIT | today |
| 165 | When the user wants to define, audit, or apply visual identity (typography, colors, spacing, design tokens, frontend aesthetics). | kostja94/ | 1k | — | ~3k | Automated safety check: Pass | MIT | 3 days ago |
| 166 | A skill your agent uses when collaborating with humans to turn Markdown or lightly structured text into publishable Xiaohongshu image-card posts with explicit cover metadata, stable Chinese… | Sven-LI-sankyuu/ | 175 | — | ~761 | Automated safety check: Pass | No licence | 2 mo ago |
| 167 | Create or redesign PowerPoint decks in a minimalist luxury high-end branding presentation style: soft beige background, warm neutral tones, elegant serif and sans-serif typography pairing, large… | software-ai-life/ | 120 | — | ~751 | Automated safety check: Pass | No licence | 5 mo ago |
| 168 | Brand-first landing page designer — runs a brand-identity interview (colors, typography, shape language), then generates and iterates on a polished landing page via Stitch with deployment-ready HTML. | wshobson/ | 40k | 2 repos | ~3.9k | Automated safety check: Notes | MIT | 4 days ago |
| 169 | Apply typography, color theory, spacing systems, and iconography principles to create cohesive visual designs. | wshobson/ | 40k | 2 repos | ~1.8k | Automated safety check: Pass | MIT | 4 days ago |
| 170 | A skill your agent uses when styling UI for clerk.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~203 | Automated safety check: Pass | MIT | today |
| 171 | 54 real-world design systems (Stripe, Linear, Vercel, Notion, Apple…) as ready-to-paste HTML/CSS — exact colors, typography, components, and spacing for styling a page after a known brand. | yc-software/ | 15k | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 172 | Plan, prompt, or produce minimalist product advertising shorts from product images, preserving variants, material, color, concise typography, and rhythmic camera motion. | vllm-project/ | 7.1k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 173 | Plan, write, audit, or produce music videos with coordinated music, imagery, camera motion, optional performance, and lyric typography. | vllm-project/ | 7.1k | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | today |
| 174 | 174.Cafe Cozy cafe-inspired interface with warm tones, soft typography, and clean layouts for a relaxed browsing experience. | bergside/ | 3.1k | 1 repo | ~874 | Automated safety check: Pass | MIT | 3 mo ago |
| 175 | A skill your agent uses to evaluate visual consistency, hierarchy, and design-system adherence — typography, color, spacing, density, tokens. | getcrew44/ | 356 | — | ~508 | Automated safety check: Pass | MIT | 3 mo ago |
| 176 | 176.Concept Diagrams Generate flat, minimal light/dark-aware SVG diagrams as standalone HTML files, using a unified educational visual language with 9 semantic color ramps, sentence-case typography, and automatic dark… | Tommy-yw/ | 546 | 3 repos | ~4.3k | Automated safety check: Pass | MIT | 4 mo ago |
| 177 | Apply concrete design-engineering details that make interfaces feel polished. | affaan-m/ | 276k | 1 repo | ~1.2k | Automated safety check: Pass | MIT | 4 days ago |
| 178 | Applies the OpenClaw visual identity (coral and sea-glass palette, type stacks, logo rules and voice) to documents, slides, social graphics and launch material. | openclaw/ | 9.5k | — | ~447 | Automated safety check: Pass | MIT | today |
| 179 | A skill your agent uses when styling UI for retool.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~223 | Automated safety check: Pass | MIT | today |
| 180 | Comprehensive guide for BFL FLUX image generation models. An agent skill from black-forest-labs/skills. | black-forest-labs/ | 127 | 1 repo | ~983 | Automated safety check: Pass | MIT | 29 days ago |
| 181 | 181.Epic Design Build immersive, cinematic 2.5D interactive websites using scroll storytelling, parallax depth, text animations, and premium scroll effects — no WebGL required. | alirezarezvani/ | 28k | 1 repo | ~4k | Automated safety check: Pass | MIT | 1 mo ago |
| 182 | Generate world-class Instagram carousel content on any topic. | happycapy-ai/ | 137 | — | ~16k | Automated safety check: Notes | MIT | 1 mo ago |
| 183 | Design UI/UX systems with style guides, palettes, typography, and component specs for new interfaces | nyldn/ | 4.2k | 1 repo | ~6.6k | Automated safety check: Pass | MIT | today |
| 184 | Design multi-device layouts with Container Queries, clamp() fluid typography, :has() selector, subgrid, and modern CSS units (dvh/svh/lvh). | EliasOulkadi/ | 114 | — | ~3.2k | Automated safety check: Pass | MIT | 4 days ago |
| 185 | 185.Makepad Font CRITICAL: Use for Makepad font and text rendering. An agent skill from sickn33/agentic-awesome-skills. | sickn33/ | 47k | 2 repos | ~1.6k | Automated safety check: Pass | MIT | today |
| 186 | Reviews page layout, typography, and pagination code in open-doc against a print craft bar — the sheet is the deliverable, not the screen. | simonliu-ai-product/ | 108 | — | ~2k | Automated safety check: Pass | MIT | 2 days ago |
| 187 | 187.Growth Report Generates a 3-month SEO performance HTML report for any domain using DataForSEO data. | Infrasity-Labs/ | 139 | — | ~4k | Automated safety check: Pass | MIT | 3 mo ago |
| 188 | 188.Design Archivist Long-running design anthropologist that builds comprehensive visual databases from 500-1000 real-world examples, extracting color palettes, typography patterns, layout systems, and interaction… | curiositech/ | 243 | — | ~1.6k | Automated safety check: Pass | MIT | 1 mo ago |
| 189 | 189.Design Tokens Comprehensive design token system for Mobazha including color system, typography scale, spacing grid, border radius, elevation, and icon sizes. | mobazha/ | 165 | — | ~2k | Automated safety check: Pass | MPL-2.0 | 5 days ago |
| 190 | The twelve Jungian brand archetypes mapped to UI structure: layout, typography, motion, and interaction patterns for each. | HermeticOrmus/ | 113 | — | ~2.5k | Automated safety check: Pass | MIT | 4 days ago |
| 191 | 191.Design Tokens Generate, extend, or audit design tokens in DTCG format with the 3-tier architecture (primitive → semantic → component). | plugin87/ | 1.6k | — | ~517 | Automated safety check: Pass | MIT | yesterday |
| 192 | 192.UI Typography Professional typography rules for UI design, web applications, software interfaces, and all screen-based text. | bencium/ | 446 | — | ~3.5k | Automated safety check: Warn | MIT | 5 days 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