google-fontsLoad Google Fonts with proper performance, subsetting, and proven font pairings.
Install via ClawdBot CLI:
clawdbot install ivangdavila/google-fontsGrade Limited — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated Mar 21, 2026
An online retailer needs to improve page load times and user experience by loading only necessary font weights and using preconnect hints. They can implement variable fonts like Inter for UI elements and pair a display font like Oswald for product headings to enhance visual appeal without sacrificing performance.
A content platform focusing on articles requires fonts optimized for readability, such as Merriweather or Lora for body text. Subsetting to latin characters and using proven pairings like Libre Baskerville with Montserrat ensures fast loading and a professional look, while avoiding common mistakes like missing fallback stacks.
A SaaS startup building a dashboard needs clean, modern fonts for interfaces, using Inter or Roboto with variable weights. They can adopt tech-focused pairings like Space Grotesk with Space Mono for headings and code snippets, and self-host fonts for GDPR compliance and faster CDN delivery.
An educational site serving diverse languages requires CJK fonts like Noto Sans JP for Japanese content, with careful subsetting to avoid unnecessary bytes. They can use variable fonts for efficiency and ensure proper preconnect tags to speed up font loading across different regions.
Agencies can offer font optimization services to clients, including selecting proven pairings and implementing performance best practices like subsetting and preconnect. This adds value by improving site speed and SEO, leading to recurring revenue from maintenance contracts.
A software tool that automates Google Fonts integration, providing features like automatic weight selection, subsetting, and GDPR-compliant self-hosting options. It targets developers and designers, generating revenue through subscription plans based on usage or features.
A platform like a website builder or CMS that integrates optimized font loading as a premium feature. Users pay for access to advanced font pairings, variable font support, and performance analytics, driving upsells from free to paid tiers.
💬 Integration Tip
Always include display=swap in font URLs and preconnect tags to prevent invisible text and speed up loads; use variable fonts when available to reduce file sizes.
Scored Apr 15, 2026
生成和编辑各种类型的图表(drawio、mermaid、excalidraw)。支持流程图、时序图、类图、ER图、思维导图、架构图、网络拓扑图等常见图表类型。能够根据自然语言描述创建新图表,也能读取并修改已有的 drawio/mermaid/excalidraw 文件。使用独立的 MCP server (mcp-diagram-generator) 生成图表文件,减少 token 消耗并保证输出一致性。支持自动配置管理,默认输出路径为项目目录下的 diagrams/{format}/,支持自定义路径和自动创建目录。
Analyzes article structure, identifies positions requiring visual aids, generates illustrations with Type × Style × Palette three-dimension approach. Use whe...
Support design understanding from basic visuals to professional production and theory.
Generate diagrams from descriptions with Mermaid, PlantUML, or ASCII for architecture, flows, sequences, and data models.
Create beautiful visual art in .png and .pdf documents using design philosophy. You should use this skill when the user asks to create a poster, piece of art, design, or other static piece. Create original visual designs, never copying existing artists' work to avoid copyright violations.
Create, export, and manage Canva designs via the Connect API. Generate social posts, carousels, and graphics programmatically.