Topic · Frontend & Design
Best typography skills, page 7
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 289 | 289.Top Design Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. | wondelai/ | 2.4k | — | ~5.8k | Automated safety check: Pass | MIT | 28 days ago |
| 290 | Batch-unify typography (font family, size, italics) for Word table cells and embedded charts; use when you need consistent formatting across theses/reports without changing body text. | aipoch/ | 2k | — | ~3k | Automated safety check: Pass | MIT | 22 days ago |
| 291 | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having Anthropic's look-and-feel. | aiskillstore/ | 430 | 4 repos | ~587 | Automated safety check: Pass | Apache-2.0 | today |
| 292 | 292.Ad Design Generate DESIGN.md at the repo root by scanning existing design tokens (Figma export, tailwind.config, tokens.json, stylesheet) and synthesizing W3C-compatible YAML frontmatter + Markdown rationale… | alexandremendoncaalvaro/ | 756 | — | ~1.1k | Automated safety check: Pass | Unknown | 2 mo ago |
| 293 | A skill your agent uses when designing complex responsive layouts — breakpoint strategy, layout shifts, content reflow, responsive typography, container queries, and ensuring the experience works… | Owl-Listener/ | 251 | — | ~543 | Automated safety check: Pass | MIT | 3 mo ago |
| 294 | 294.UI UX Pro Max UI/UX design intelligence with 50+ styles, 161 palettes, 57 font pairings, 99 UX guidelines, and 25 chart types. | assafkip/ | 112 | — | ~1.4k | Automated safety check: Pass | MIT | yesterday |
| 295 | Design, enforce, audit, and validate Power BI report themes through the pbir CLI. | data-goblin/ | 1k | — | ~1.7k | Automated safety check: Pass | GPL-3.0 | 2 days ago |
| 296 | 296.UI Craft A skill your agent uses for UI design and implementation work to avoid generic AI-looking interfaces. | educlopez/ | 375 | — | ~9.5k | Automated safety check: Pass | MIT | 1 mo ago |
| 297 | 297.Design Produces distinctive, production-grade UI for pages, components, visual interfaces, typography, and screenshot-driven polish. | ninehills/ | 280 | — | ~4.7k | Automated safety check: Pass | No licence | 3 mo ago |
| 298 | A skill your agent uses when designing UI components, reviewing frontend code, choosing colors, spacing, typography, or layout. | aaddrick/ | 130 | — | ~1k | Automated safety check: Pass | MIT | 7 mo ago |
| 299 | 299.Design Review Critique UI and UX for usability, accessibility, and distinctiveness with cited, evidence-based findings. | TheDecipherist/ | 338 | — | ~712 | Automated safety check: Pass | MIT | 3 mo ago |
| 300 | Convert English straight quotation marks ("...") to Chinese curved quotation marks ("..." U+201C/D). | brycewang-stanford/ | 4.5k | — | ~271 | Automated safety check: Pass | Unknown | 3 days ago |
| 301 | Turn a reference video into a super detailed recreation or inspiration prompt. | nirholas/ | 228 | 1 repo | ~1.4k | Automated safety check: Pass | Apache-2.0 | today |
| 302 | 302.App UI Design Mobile app UI design expert for iOS and Android. An agent skill from majiayu000/spellbook. | majiayu000/ | 287 | — | ~2.9k | Automated safety check: Pass | MIT | today |
| 303 | Warm parchment canvas (f5f4ed), monochrome ink-blue accent (1B365D), one serif family, and editorial-grade typography. | nexu-io/ | 100k | — | ~898 | Automated safety check: Pass | Apache-2.0 | today |
| 304 | 304.Typography Audit Audits font loading, type scales, measure, spacing, OpenType, and rendered punctuation with 78 scoped rules. | mblode/ | 144 | — | ~1.6k | Automated safety check: Pass | MIT | today |
| 305 | Customizes the visual appearance of a Flutter app using the theming system. | btwld/ | 130 | — | ~1.9k | Automated safety check: Pass | BSD-3-Clause | 11 days ago |
| 306 | Web typography from choosing fonts to spacing, wrapping and accessibility. | boraoztunc/ | 397 | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 307 | 307.PDF Generation Professional PDF generation from markdown using Pandoc with Eisvogel template and EB Garamond fonts. | glebis/ | 390 | — | ~1.3k | Automated safety check: Pass | MIT | yesterday |
| 308 | 308.Extract Design A skill your agent uses when the user wants to extract a webpage's design language into a reusable HTML style reference file, including typography, colors, spacing, surfaces, components, states… | LeoYeAI/ | 2.2k | — | ~6k | Automated safety check: Pass | MIT | 2 mo ago |
| 309 | Develop an independent visual language and turn the human-chosen direction into a production-ready graphic, brand, campaign, publication, web, or product system. | bencium/ | 446 | — | ~6.4k | Automated safety check: Pass | MIT | 5 days ago |
| 310 | Assemble the FREE steps of the product-hypermotion + kinetic-typography video format — dice ONE Seedance 2.0 hypermotion clip into 5-6 segments and intercut them with PIL kinetic-typography spec/CTA… | gooseworks-ai/ | 1.2k | — | ~1.4k | Automated safety check: Pass | MIT | today |
| 311 | Extract visual branding (colors, typography, layout patterns) from a client's website and generate a style preset compatible with the HTML slides skill and a brand config JSON for the content asset… | gooseworks-ai/ | 1.2k | 1 repo | ~3.8k | Automated safety check: Pass | MIT | today |
| 312 | Threat Intelligence Report Design System — ReportLab-based PDF generation for A4 reports with Transilience branding, typography, and layout standards. | transilienceai/ | 562 | — | ~6.3k | Automated safety check: Pass | MIT | 2 mo ago |
| 313 | Envilder website design system: themes, CSS variables, breakpoints, spacing, typography, and component patterns. | macalbert/ | 138 | — | ~839 | Automated safety check: Pass | MIT | 4 days ago |
| 314 | Prompt Alibaba's Qwen-Image line for the typography work it is built for — quoting exact copy so the model stops inventing it, switching prompt expansion off before it rewrites your strings… | nodetool-ai/ | 560 | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | today |
| 315 | 315.Improve Website Guided journey from a live website that underperforms to a prioritized, evidence-backed backlog of conversion, usability, message, and speed fixes - each shipped as a testable experiment. | wondelai/ | 2.4k | — | ~5.1k | Automated safety check: Pass | MIT | 28 days ago |
| 316 | 316.Refactoring UI Audit and fix visual hierarchy, spacing, color, and depth in web UIs. | wondelai/ | 2.4k | — | ~3.9k | Automated safety check: Pass | MIT | 28 days ago |
| 317 | Audits already-rendered UI and Markdown/Obsidian image layout — web app, deck/slide, dashboard, design-system, or Electron/native app — via real-browser/native-app journeys and a Playwright sweep. | daymade/ | 1.4k | — | ~8.1k | Automated safety check: Pass | MIT | today |
| 318 | 318.PDF Creator Converts Markdown to print-ready PDF with proper Chinese typography, themes and a visual self-check. | daymade/ | 1.4k | — | ~5.9k | Automated safety check: Pass | MIT | today |
| 319 | 319.Typography Typography advisor for client projects - font selection, type scale, fluid sizing, baseline rhythm, and performance. | scott-fryxell/ | 125 | — | ~1.5k | Automated safety check: Pass | MIT | 11 days ago |
| 320 | 320.Useless What building realness taught us about the web platform - semantic HTML with microdata as one decision that serves SEO, CSS selectors, layout, the data model, state (no Pinia), file storage paths… | scott-fryxell/ | 125 | — | ~6.5k | Automated safety check: Pass | MIT | 11 days ago |
| 321 | Shared UI/visual-design rule library for building polished, distinctive, multimedia-rich self-contained HTML stories. | QinghongLin/ | 156 | — | ~1.5k | Automated safety check: Pass | MIT | 3 mo ago |
| 322 | Create polished HTML technical reports and multi-page documents for consulting deliverables. | thatrebeccarae/ | 162 | — | ~3.6k | Automated safety check: Pass | MIT | 4 mo ago |
| 323 | 323.Brand Agency Applies Agency brand colors and typography to artifacts including presentations, SVG graphics, documents, and web interfaces. | glebis/ | 390 | — | ~1.6k | Automated safety check: Pass | MIT | yesterday |
| 324 | 324.Typography This skill should be used when applying proper typography to prose text or files in Russian, English, German, or French — smart quotes per locale («ёлочки», “curly”, „Gänsefüßchen“, « guillemets »)… | glebis/ | 390 | — | ~1k | Automated safety check: Pass | MIT | yesterday |
| 325 | 325.Gunpla Poster Create premium collectible Gunpla model-photography posters through a guided, language-aware interview and image-generation workflow. | agentara/ | 602 | — | ~2.9k | Automated safety check: Warn | MIT | 9 days ago |
| 326 | 326.UI Composition A skill your agent uses when building layouts, choosing colours, setting typography, establishing visual hierarchy, designing responsive behaviour, or making any visual design decision — ensures… | Owl-Listener/ | 251 | — | ~1.2k | Automated safety check: Pass | MIT | 3 mo ago |
| 327 | Migrate Lightning Web Components from SLDS 1 to SLDS 2 by running the SLDS linter and fixing violations. | forcedotcom/ | 1.1k | — | ~3.2k | Automated safety check: Pass | Apache-2.0 | 2 days ago |
| 328 | A skill your agent uses when you need design-first, spec-driven, skimmable prompts for UI generation. | nirholas/ | 228 | 1 repo | ~764 | Automated safety check: Pass | Apache-2.0 | today |
| 329 | Turn an article, case study, brand narrative, product journey, or long-form story into a cinematic scroll-driven landing page using one of three renderers: scrubbed video, a real-time Three.js… | nirholas/ | 228 | 1 repo | ~3k | Automated safety check: Pass | Apache-2.0 | today |
| 330 | 330.Tailwindcss A skill your agent uses when designing/implementing UI with Tailwind CSS (layout, typography, responsive, theming, component patterns). | nirholas/ | 228 | 1 repo | ~702 | Automated safety check: Pass | Apache-2.0 | today |
| 331 | Audit and revamp existing web interfaces into polished, professional, product-specific experiences while preserving behavior and working within the current frontend stack. | buildfastwithai/ | 785 | — | ~2k | Automated safety check: Pass | MIT | 17 days ago |
| 332 | NYT-newsroom typography, staggered reveal animation, and editorial-grade charts (line, bar, or range band). | nexu-io/ | 100k | — | ~734 | Automated safety check: Pass | Apache-2.0 | today |
| 333 | Resources and theming on the KMP Starter Template — centralized resources module, string externalization, localization, theme via ThemeDataStore, and colors/typography. | DevAtrii/ | 167 | — | ~587 | Automated safety check: Pass | MIT | 1 mo ago |
| 334 | 334.Geometric Geometric, structured design with clean typography, neutral colors, precise shapes, and intuitive layouts that stay out of the way. | bergside/ | 3.1k | — | ~850 | Automated safety check: Pass | MIT | 3 mo ago |
| 335 | 335.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 | yesterday |
| 336 | Provider-independent production guidance for translating measured audio features into deterministic video timing and motion. | calesthio/ | 193 | — | ~2.9k | Automated safety check: Pass | MIT | 2 mo ago |
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