Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIGitHub CopilotGitHub CopilotGemini CLIGemini CLI+20 more

    Nex Brand Extractor

    4

    Extracts a brand color palette and font pair from any website URL through four fallback strategies, returning a ready-to-use Python BrandResult.

    Free

    0 installsSecurity scanned
    nex-brand-extractor

    nex-brand-extractor

    Example session with this skill installed

    Extract the brand colors and fonts from stripe.com so I can theme my generated dashboard demo to match their site.

    • Read your context and instructions
    • Compiled the nex-brand-extractor
    • Generated the UI component

    BrandResult(
    primary='#635bff',
    secondary='#0a2540',
    accent='#00d4ff',
    background='#ffffff',
    text='#425466',
    heading_font='Sohne',
    body_font='Inter'
    )
    Source: CSS Variables Strategy

    nex-brand-extractor.tsx

    TSX · React component

    Generated

    Example file from a real run - the skill writes it into your workspace.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    What it does

    • Ships brand_extract.py, a self-contained async Python module with one public function extract_brand(url, logo_url, archetype_slug) returning a BrandResult dataclass: primary, secondary, accent, background, and text colors plus heading and body fonts.
    • Runs four strategies in order: rendered page via Playwright (handles JS-built sites), CSS custom properties and theme-color meta, logo color extraction via colorthief, and archetype default palettes as the floor.
    • Filters near-white, near-black, and low-saturation greys so a page never gets themed in accidental neutrals, and cleans font-loader hashes from font names.
    • Blocks private and internal hosts with an SSRF guard before any fetch; every strategy returns None on failure, the module never throws.
    • Includes references/strategies.md (why this strategy order) and references/archetype-defaults.md (default palettes and fonts per sector archetype).

    Why use this

    You get read-the-colors-off-this-URL as a drop-in module instead of writing scraping, filtering, and fallback logic yourself. Pulled from the brand-extraction step of the production demo factory at a Belgian AI agency, where it themes generated demo sites to match each prospect's existing branding. Core dependencies are just httpx and beautifulsoup4; Playwright and colorthief are optional and degrade gracefully.

    See it in action

    Prompt:

    Pull the brand colors from janssens-vastgoed.be so my generated demo matches.

    Result:

    from brand_extract import extract_brand
    
    result = await extract_brand(
        https://janssens-vastgoed.be,
        archetype_slug=vastgoed,
    )
    # BrandResult(primary=..., secondary=..., accent=...,
    #             heading_font=..., body_font=..., source=css)

    The source field tells you which strategy produced the palette, so you know whether you got real brand colors or the archetype floor.

    Use cases

    • Auto-theming generated demo sites to match a prospect's existing branding
    • Building a theming step into a site generator or page builder
    • Extracting a logo's dominant colors when the CSS has no usable variables
    • Reading theme-color meta and CSS custom properties off a live site
    • Guaranteeing a sensible palette even when nothing is detectable (archetype fallback)

    Known limitations

    • It reads an existing site; it does not generate a palette from scratch and does not scrape page content.
    • The logo strategy needs a raster image; SVG logos are not supported. Contrast and WCAG checks are out of scope.
    • The rendered-page strategy requires installing Playwright plus a browser; without it the module starts at the CSS strategy.

    FAQ

    What exactly is in the download?

    SKILL.md, README.md, manifest.json, CHANGELOG.md, LICENSE.md, scripts/brand_extract.py, and two reference docs: references/strategies.md and references/archetype-defaults.md.

    Which agents does it work with?

    Claude Code, Claude Cowork, Cursor, Codex CLI, and any agent that reads SKILL.md skills. The Python module also runs standalone.

    Do I need anything else?

    Python 3.11 with httpx and beautifulsoup4. Optional: playwright for the rendered-page strategy and colorthief for logo extraction. No API keys.

    What happens on a site with no detectable brand colors?

    The extractor falls back to the archetype defaults you pick (default premium-services), so extract_brand always returns a complete, usable BrandResult.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    Free forever

    No account required to browse

    Trust & safety

    Security scanned

    Verified clean 29 days ago

    • Free to download with an account

    Listed3 months ago
    Updated28 days ago

    Frequently Asked Questions