1

    nex-font-grab-ext

    by Nex AI

    Ship a professional Chrome extension that identifies fonts, extracts CSS, and finds Google Font matches.

    Updated Jun 2026
    Security scanned

    $9

    · or 45 credits

    30-day refund guarantee

    Secure checkout via Stripe

    Included in download

    • Extract CSS and Tailwind font styles from any website instantly
    • Identify paid fonts and find their closest free Google Font alternatives
    • terminal, network automation included
    • Instant install

    Sample input

    I need a Chrome extension that identifies fonts and finds free Google Font alternatives. Give me the code and show me how to load it.

    Sample output

    I've generated the Nex Font Grab source in assets/extension/.

    To load it:

    1. Go to chrome://extensions
    2. Enable "Developer mode"
    3. Click "Load unpacked" and select the folder.

    The font matching logic is in fontmatch.js and the CSS extraction in content.js.

    About This Skill

    What it does

    Nex Font Grab is a professional-grade Manifest V3 Chrome extension that allows users to identify fonts on any webpage with a single click. It provides an inspector-style overlay to extract CSS properties (font-family, size, weight, line-height, etc.) and instantly suggests the closest free Google Font alternative using a built-in mapping database.

    Why use this skill

    Instead of prompting an AI to write a complex Chrome extension from scratch—which often results in broken background scripts or permission errors—this skill delivers a battle-tested, shipped codebase. It follows the "no-build" pattern, using vanilla JS, HTML, and CSS, making it perfect for developers who want a high-performance extension without the overhead of Webpack or React.

    What you get

    • Complete Source: Ready-to-load Manifest V3 directory including content scripts, background workers, and UI panels.
    • Google Font Mapping: A JSON database of 70+ paid-to-free font mappings.
    • Multiple Exports: Instant copy-paste support for standard CSS, shorthand CSS, and Tailwind classes.
    • Deployment Guide: Step-by-step instructions for loading unpacked extensions and packaging for the Chrome Web Store.

    Use Cases

    • Extract CSS and Tailwind font styles from any website instantly
    • Identify paid fonts and find their closest free Google Font alternatives
    • Fork a production-ready Manifest V3 overlay extension archetype
    • Learn the no-build Chrome extension development and deployment lifecycle

    Reviews

    No reviews yet - be the first to share your experience.

    Only users who have downloaded or purchased this skill can leave a review.

    Security Scanned

    Passed automated security review

    Permissions

    Terminal / Shell
    Network Access

    Allowed Hosts

    nex-ai.be
    fonts.google.com

    File Scopes

    nex-font-grab-ext/**

    Creator

    Founder of Nex AI. I build production-grade Claude Skills from systems that actually run: multi-tenant SaaS, Telegram agents, Raspberry Pi infrastructure, 3D multiplayer rooms. Every skill ships battle-tested patterns, not theory. 33+ open source skills published, commercial catalog growing.

    Frequently Asked Questions

    More Premium Skills