Topic · Frontend & Design
Best typography skills, page 3
Typography skills, ranked
Ranked by score. Sort bymost stars,trending,newest,recently updated
| # | Skill | Repository | Stars | Used in | Tokens | Auto-check | Licence | Updated |
|---|---|---|---|---|---|---|---|---|
| 97 | 97.Ideogram A skill your agent uses to write great prompts for Ideogram (Ideogram 4.0) to generate design-grade images for social media — the image-prompt-craft mini-skill for typography + layout, sibling to… | social-media-skills/ | 125 | 1 repo | ~1.8k | Automated safety check: Pass | MIT | 7 days ago |
| 98 | 98.Tamery UI Tamery's UI design system and hard rules — native macOS look, three-level color system, typography tokens, motion recipes, and the kit's known gotchas. | wannabespace/ | 1.5k | — | ~1.5k | Automated safety check: Pass | AGPL-3.0 | yesterday |
| 99 | 99.Ijfw Design A skill your agent uses when the user says: 'design', 'redesign', 'UI', 'UX', 'dashboard', 'page', 'component', 'make it look better', 'polish', 'pretty', 'professional', 'user experience'… | FerroxLabs/ | 212 | — | ~2.2k | Automated safety check: Pass | MIT | 3 days ago |
| 100 | Create AI image-generation prompts and image-generation workflows for torn-paper editorial collage style posters with layered ripped paper, rough typography, stamps, tape, stickers, cutout subjects… | agentara/ | 600 | — | ~1.3k | Automated safety check: Pass | MIT | 9 days ago |
| 101 | Applies GitArena's official design system, colors, and typography to frontend components and pages. | mellowagain/ | 115 | — | ~2.5k | Automated safety check: Pass | MIT | today |
| 102 | 102.UI UX Pro Max UI/UX design intelligence with searchable style, palette, typography, and chart databases. | c0x12c/ | 106 | — | ~2.1k | Automated safety check: Pass | No licence | 3 mo ago |
| 103 | 103.Frontend Design Create distinctive, production-grade frontend interfaces with high design quality. | jwynia/ | 166 | — | ~3.2k | Automated safety check: Pass | MIT | 7 mo ago |
| 104 | Create clear typographic hierarchy using hand-crafted font sizes, weights, and colors | gnurio/ | 443 | — | ~743 | Automated safety check: Pass | Unknown | 5 mo ago |
| 105 | Styles applications using Tailwind CSS v3 utilities. An agent skill from OpenLitterMap/openlittermap-web. | OpenLitterMap/ | 134 | — | ~713 | Automated safety check: Pass | MIT | 24 days ago |
| 106 | 106.Daoyou Game UI 为本项目的主流程游戏 UI 提供抽象规范与审查方法,覆盖 GameViewportLayout 及其场景页、共享壳组件和正文交互。Use when implementing, refactoring, or reviewing scene-page structure, typography, borders, navigation, component ownership, or… | ChurchTao/ | 120 | — | ~1.4k | Automated safety check: Pass | GPL-3.0 | yesterday |
| 107 | Extract design tokens, text styles, and variables from a Figma design system and produce a design-tokens.json plus ready-to-use QML singletons. | TheQtCompanyRnD/ | 466 | — | ~7.3k | Automated safety check: Pass | BSD-3-Clause | 2 days ago |
| 108 | Configuring fonts and glyphs for MapLibre GL JS and MapLibre Native — the style's glyphs URL, self-hosting or generating font PBFs, the GL JS local-font fallback (omitted glyphs or a failed glyph… | maplibre/ | 151 | — | ~2.6k | Automated safety check: Pass | Unknown | 4 days ago |
| 109 | A skill your agent uses when styling UI for posthog.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~214 | Automated safety check: Pass | MIT | 9 days ago |
| 110 | Create cinematic movie poster concepts and final poster images from a user's brief, existing video plan, storyboard, character design, or project context. | MagicCube/ | 516 | 1 repo | ~2.5k | Automated safety check: Pass | No licence | 5 mo ago |
| 111 | 111.Frontend Design Design thinking and decision-making for web UI. An agent skill from xenitV1/Antigravity-Workflows. | xenitV1/ | 130 | — | ~2.9k | Automated safety check: Notes | MIT | 8 mo ago |
| 112 | 112.CSS Modules CSS Modules conventions, Stylelint rules, design tokens (spacing, colors, typography, border-radius), and patterns for the Opentrons monorepo. | Opentrons/ | 521 | — | ~2.2k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 113 | 113.Artistic High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces. | bergside/ | 3.1k | 1 repo | ~938 | Automated safety check: Pass | MIT | 3 mo ago |
| 114 | Commits to one bold aesthetic direction, sets up a CSS token system for it, then builds the interface in Vue or plain HTML using those tokens. | irahardianto/ | 157 | — | ~2.4k | Automated safety check: Pass | MIT | 3 days ago |
| 115 | Compile a theme, sentence, object, mood, article idea, or photo into a quiet Japanese/Korean zine-style editorial poster — tall aged paper, large negative space, one small image anchor, experimental… | boraoztunc/ | 395 | — | ~2.5k | Automated safety check: Pass | Apache-2.0 | 1 mo ago |
| 116 | Raw mechanical interfaces fusing Swiss typographic print with military terminal aesthetics. | caorushizi/ | 113 | 14 repos | ~2.1k | Automated safety check: Pass | No licence | 1 mo ago |
| 117 | 117.Better Interface User-invoked, cross-discipline interface review that coordinates better-accessibility, better-layout, better-writing, better-typography, better-colors, and better-ui. | trycompai/ | 11k | — | ~2k | Automated safety check: Pass | MIT | 27 days ago |
| 118 | Generates type scales, color palettes, spacing systems, WCAG contrast checks and dark mode palettes from formulas, as CSS custom properties, a Tailwind config or JSON tokens. | dylanfeltus/ | 179 | — | ~2.9k | Automated safety check: Pass | MIT | 21 days ago |
| 119 | 119.Dom Clone Extract and rebuild the DOM/CSS layer of a web page — layout, typography, colors, spacing, real content, assets, and normal interactions — into clean components, section by section, from exact… | cth9191/ | 133 | — | ~2k | Automated safety check: Pass | MIT | 1 mo ago |
| 120 | A skill your agent uses for UI/UX design intelligence in Codex: planning, building, reviewing, improving, or implementing web/mobile interfaces, landing pages, dashboards, design systems… | Jason904/ | 144 | — | ~865 | Automated safety check: Pass | MIT | 3 mo ago |
| 121 | Turns supplied content into self-contained HTML and PNG in two modes: card for one shareable frame(知识卡、信息卡、金句卡、封面、把要点做成一张图), report for multi-section documents(可视化报告、HTML 汇报页、PRD/计划/评审做成网页). | hylarucoder/ | 382 | — | ~2k | Automated safety check: Pass | Unknown | 3 days ago |
| 122 | 122.Brand Designer Create comprehensive brand identity documentation for any brand. | magnus919/ | 281 | — | ~2.3k | Automated safety check: Pass | MIT | 3 mo ago |
| 123 | 123.UI UX Pro Max UI/UX design intelligence for web and mobile. An agent skill from selmakcby/claude-agents-skills. | selmakcby/ | 136 | — | ~777 | Automated safety check: Pass | MIT | 5 mo ago |
| 124 | A skill your agent uses when styling UI for postman.com — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~247 | Automated safety check: Pass | MIT | 9 days ago |
| 125 | Agentic eyes for Godot work: cross-platform screenshot CLI (asset/region/window/screen) to budgeted WebP, TEMP editor viewport bridge under .gdskills/, and Taste Receptor Atlas v2 (~237… | thedivergentai/ | 809 | — | ~3.5k | Automated safety check: Pass | LGPL-3.0 | 29 days ago |
| 126 | A skill your agent uses when collaborating with humans to turn Markdown, DOCX, and structured visual assets into polished Word deliverables with explicit Chinese/English typography, caption policy… | Sven-LI-sankyuu/ | 175 | — | ~2k | Automated safety check: Pass | No licence | 2 mo ago |
| 127 | 127.Brand Guidelines Applies OpenAI's brand colors and typography to any artifact that should match the Codex/OpenAI look-and-feel. | composio-community/ | 17k | — | ~617 | Automated safety check: Pass | Apache-2.0 | 2 mo ago |
| 128 | A skill your agent uses when adding or changing GlycemicGPT web UI structure, shared styling, Tailwind classes, semantic theme tokens, typography, base primitives, product UI components, TextInput… | lumose-health/ | 141 | — | ~707 | Automated safety check: Pass | GPL-3.0 | yesterday |
| 129 | A skill your agent uses when generating UI for a specific scenario (mobile/PC/官网/管理端/营销页/文档/金融/原生/3D), when refactoring an existing HTML/Vue/React project to a unified design system, when extracting… | jiushiwon/ | 112 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | yesterday |
| 130 | 130.Design Systems Bold aesthetic direction guidance for web design. An agent skill from Automattic/wordpress-agent-skills. | Automattic/ | 115 | — | ~2.5k | Automated safety check: Pass | No licence | 6 mo ago |
| 131 | 131.Basic Print-inspired visual language for books, magazines, and reports with editorial grids and expressive typography. | bergside/ | 3.1k | 1 repo | ~969 | Automated safety check: Pass | MIT | 3 mo ago |
| 132 | 132.Doc Authoring Technical reference for writing or editing open-doc pages — file contract, the A4/B4/A3 page canvas, print type scale, the vertical budget that decides where a page breaks, tables, charts, table of… | simonliu-ai-product/ | 108 | — | ~6.8k | Automated safety check: Pass | MIT | yesterday |
| 133 | Derive a project's visual rules from its existing tokens, palette, type scale, logo, and icons (Intake), then generate raw SVG vector graphics from those rules as a small composable set (module… | scott-fryxell/ | 124 | — | ~1.9k | Automated safety check: Pass | MIT | 10 days ago |
| 134 | 134.UI Design engineering principles for making interfaces feel polished. | wellwelwel/ | 173 | — | ~2.5k | Automated safety check: Pass | MIT | today |
| 135 | Create or redesign PowerPoint decks in a high-end editorial futuristic tech magazine style: ultra clean white background, subtle grid system, bold sans-serif typography, thin geometric lines… | software-ai-life/ | 121 | — | ~756 | Automated safety check: Pass | No licence | 5 mo ago |
| 136 | 136.Gpt Taste Elite UX/UI & Advanced GSAP Motion Engineer. An agent skill from caorushizi/oss-client. | caorushizi/ | 113 | 13 repos | ~2k | Automated safety check: Pass | No licence | 1 mo ago |
| 137 | 137.HTML Explainer The house standard for any skill that renders an HTML page for a person to read, covering design tokens, typography, components, diagrams, and quality gates so every generated page shares one calm… | greenfield-inc/ | 519 | — | ~1.6k | Automated safety check: Notes | Unknown | yesterday |
| 138 | A skill your agent uses when styling UI for railway.app — references the extracted design system tokens instead of inventing colors, spacing, or typography. | Manavarya09/ | 4.2k | — | ~223 | Automated safety check: Pass | MIT | 9 days ago |
| 139 | Guide for using Sentry's layout and text primitives. An agent skill from getsentry/sentry. | getsentry/ | 46k | — | ~5k | Automated safety check: Pass | Unknown | today |
| 140 | 140.Gfonts Search, browse, and download Google Fonts from the terminal via the gfonts CLI. | mvanhorn/ | 2.1k | — | ~574 | Automated safety check: Pass | No licence | yesterday |
| 141 | Compare saved or live app screenshots with the argent screenshot-diff tool. | bbplayer-app/ | 1.1k | — | ~1.1k | Automated safety check: Pass | MIT | today |
| 142 | 142.Frontend Design A skill your agent uses when designing without an existing brand system. | manalkaff/ | 261 | — | ~836 | Automated safety check: Pass | MIT | 3 mo ago |
| 143 | Reverse-engineer a design system from a live website (public URL or localhost). | espennilsen/ | 122 | — | ~2k | Automated safety check: Pass | MIT | 17 days ago |
| 144 | Extract comprehensive site specifications from simple descriptions. | Automattic/ | 115 | — | ~2.7k | Automated safety check: Pass | No licence | 6 mo ago |
Explore related skills
Category
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