- Home
- Skills
- Branding & Design
- nex-brand-extractor
Works with the AI tools you already use
Nex Brand Extractor
Extracts a brand color palette and font pair from any website URL through four fallback strategies, returning a ready-to-use Python BrandResult.
Free
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
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.
- 1
Download the ZIP
Free skills download straight away. Paid skills unlock right after purchase.
- 2
Unzip into your skills folder
Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.
- 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