StyleKit is a Chrome extension I developed to help teams quickly capture and document website design systems. It's free to download and use.

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.

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.

I created StyleKit to streamline this process.

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.

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

I'd love to hear your thoughts and feedback on StyleKit.