Nex Brand Palette Lite

The problem

Manually digging through DevTools to find a brand's specific hex codes is tedious. Design workflows often stall when you need to match a site's primary palette but colors are hidden behind CSS variables.

What it does

• Scrapes public URLs to identify CSS custom properties.
• Filters for specific naming conventions like --primary, --accent, and --brand.
• Generates a standalone Python script to automate color extraction.
• Operates using only standard libraries with no external dependencies required.

Frameworks & tools

Python, CSS Custom Properties (Variables).

Why this beats prompting it yourself

Generic prompts often fail to target the specific naming conventions used in modern design systems. This skill provides a focused extraction logic that ignores utility noise and targets meaningful brand tokens out of the box.

Use cases

• Quickly extracting brand colors for a client proposal.
• Scaffolding a theme for a new site based on an existing design system.
• Auditing CSS variables across a landing page for brand consistency.

Known limitations

Cannot extract colors set via JavaScript or hidden in external shadow DOMs. Limited to CSS variables only, it does not analyze images or computed styles.