Hi HN,<p>StyleKit is a Chrome extension I developed to help teams quickly capture and document website design systems. It's free to download and use.<p>As someone who works on both design and development, I frequently study and record how websites look for different projects, or document the design of other sites for an aspect I really liked.<p>This takes a lot of my time: opening web developer, finding style classes, viewing the computed style to see what was actually happening, and then storing information I wanted to save. Sometimes I couldn't find an element either way.<p>I created StyleKit to streamline this process.<p>It instantly generates a comprehensive design system document (a "StyleKit") for any website, capturing colors, typography, logos, and design patterns. The extension works entirely in the browser, requiring no external processing.<p>Key features include:
* Instant StyleKit generation with color palette, typography system, and design pattern identification
* Export options including one-click element copying, PDF documentation, and portable HTML file
* Real-time design analysis with interactive element highlighting and usage statistics<p>I'd love to hear your thoughts and feedback on StyleKit.