CLAUDE CODE MARKETPLACES
SkillsMarketplacesMCPDigestLearnAdvertise

This week in Claude

Every Monday: Claude Code, Agent SDK, MCP, and the Anthropic platform moves worth your time.

Skills by Category
Frontend DevelopmentBackend & APIsTesting & QASecurityDevOps & CI/CDGit & Pull RequestsDocumentationCode Review & QualityAI & Agent BuildingSkill Development
MCP Servers by Category
Web & Browser AutomationDatabasesAI & LLM ToolsCloud & InfrastructureCommunication & MessagingDeveloper ToolsDesign & CreativeDocuments & KnowledgeSearch & Web CrawlingAutomation & Workflows
Marketplaces by Category
AI Agents & OrchestrationLLM IntegrationDevelopment ToolsFrontend & UIBackend & APIsDatabasesTesting & Code QualityDevOps & CloudSecurity & ComplianceGit & Version Control

Claude Code Marketplaces

Discover Claude Code plugins, extensions, and tools. Automatically updated directory of Anthropic Claude AI marketplaces with development tools, productivity plugins, and integrations.

Resources

  • Browse Skills
  • Browse MCP Servers
  • Browse Marketplaces
  • Plugins Reference

Community

  • About
  • Learn
  • Feedback
  • Privacy Policy
  • Advertise

Built for the Claude Code community with Claude Code by @mertduzgun

Independent project, not affiliated with Anthropic
  1. Skills
  2. /
  3. wondelai
  4. /
  5. skills
  6. /
  7. Web Typography

Web Typography

Editor's Note

This is the skill to reach for when you're picking fonts, setting up type scales, or wrestling with FOUT issues. It scores your typography decisions out of 10 based on readability mechanics like saccades and fixation points, not just aesthetic preference. The framework separates "type for a moment" (headlines, buttons) from "type to live with" (body text, docs), which turns out to be a surprisingly useful lens. Covers practical stuff like testing typefaces at actual render sizes, optimizing line length to 45-75 characters, and choosing between system fonts and web fonts based on performance trade-offs. Written by wondelai, currently at version 1.2.0.

Install

npx skills add https://github.com/wondelai/skills --skill web-typography
Votes
0
Installs3k
GitHub Stars1.2k
Categories
Design & UI/UX
First SeenApr 16, 2026
View on GitHub

Comments

Login to comment

Related Design & UI/UX Skills

View all →
high-end-visual-design

leonxlnx/taste-skill

0
87.4k
31.7k
Premium design system enforcing high-end agency aesthetics with strict anti-patterns and motion choreography.
ui-ux-pro-max

The1Studio/theone-training-skills

0
27
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
ui-ux-pro-max

binjuhor/shadcn-lar

0
59
Frontend UI/UX design intelligence - activate FIRST when user requests beautiful, stunning, gorgeous, or aesthetic interfaces. The primary skill for design decisions before implementation. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check frontend UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
figma-create-design-system-rules

figma/mcp-server-guide

0
1.6k
1.5k
figma create design system rules
figma-create-design-system-rules

openai/skills

0
906
21.1k
figma create design system rules
figma-create-design-system-rules

nexu-io/open-design

0
573
57.2k
figma create design system rules