StyleKit.io @StyleKitio

@ProductHunt 1-click view webpage design specs

We won yesterday!

I forgot I had this scheduled for launch today on @ProductHunt 🤦‍♂️ If you have an account, I'd appreciate your click-through and support 🙏 💯 free Chrome extension for looking at webpage styles 🔗 in the next post

@upen946 Inspect the UI of any webpage and save a PDF of the style guide: StyleKit.io

Will you be our 100th install?!

@MichaelCyger was very surprised by how quick it is and how easily everything is organised - have pretty instant use for this working with clients to improve accessibility! 🔥

Day after launch: It’s harder than expected to get people to install a Chrome extension

Brilliant idea 💡 @MichaelCyger. The internet/web/world needed this. Thanks for the continuous innovation.

Michael Cyger @MichaelCyger

2 years ago

My StyleKit​.io Chrome extension that turns any webpage into a documented design system is live! 😱 It extracts colors, typography & patterns instantly. First release, sure there are bugs, but excited to share. Built for designers & devs who need quick style info.

6 6 47 5K 14

this is cool af

Michael Cyger @MichaelCyger

2 years ago

My StyleKit​.io Chrome extension that turns any webpage into a documented design system is live! 😱 It extracts colors, typography & patterns instantly. First release, sure there are bugs, but excited to share. Built for designers & devs who need quick style info.

6 6 47 5K 14

Used stylekit.io for a feature that I'm working on extracting favicons of these marketplace was an amazing experience, Go check it out it can help you with design resource

Michael Cyger @MichaelCyger

2 years ago

My StyleKit​.io Chrome extension that turns any webpage into a documented design system is live! 😱 It extracts colors, typography & patterns instantly. First release, sure there are bugs, but excited to share. Built for designers & devs who need quick style info.

6 6 47 5K 14

My StyleKit​.io Chrome extension that turns any webpage into a documented design system is live! 😱 It extracts colors, typography & patterns instantly. First release, sure there are bugs, but excited to share. Built for designers & devs who need quick style info. #buildinpublic #designtools 🔗👇

During yesterday's run, I thought of a way to make StyleKit​.io better. When I got home, I used one Cursor prompt to create a quick first draft of the extension. The new feature lets you turn on a "style selector" and see the styling details of anything on the page just by moving your mouse over it. The first version needs some polishing, but I'm really excited about how it's turning out.

Continuing to work on StyleKit​.io I added: • Output the style kit as a PDF for archive • Output the entire webpage in a fully self-contained HTML file, with all styles and assets embedded directly in the code

Continuing to work on StyleKit​.io, an extension that automatically extracts and displays a website's complete design system, including logo, colors, typography, icons, and images. Quickly generate a comprehensive style guide, enabling managers, designers and developers to easily study and learn from existing design systems without code access.