Facet
Facet
A sleek Firefox sidebar for inspecting the DNA of a webpage. Typography, color palette, element styles, and downloadable assets, all from a single panel.
How it came about
Pretty straightforward! I use Firefox. Firefox doesn't have the extension I want. I build extension.
Features
• Inspect element styles with a click — fonts, colors, spacing, borders
• Extract the full color palette from any page
• Browse all fonts in use with weight, size, and line-height details
• Download images and assets directly from the sidebar
• Dark, minimal UI that stays out of the way
Specs
Facet was vibe coded from start to finish — from the initial manifest and content script architecture to the polished sidebar UI. The entire Firefox extension was built through conversational coding, iterating on everything from the element inspector logic to the icon design.