Introducing Skills UI, a library of design skills for AI builders! I was inspired to build this for myself first because I was struggling with getting the UI design of my vibe coded projects to look nice and not like the typical AI design slop out there. The problem: Most vibe coders aren't designers and want AI to design their products but without specific direction AI defaults to the same typical design patterns. The solution: I started making skill files for specific design styles so the AI knows exactly how to make it look right. I figured these would be useful for other vibe coders to use as well, since most of us aren't designers and just want our projects to have a beautiful design without much effort. I created the design extractor because I was seeing other UI designs that I liked but quickly realized that just giving the AI screenshots as the only reference wasn't working well. Instead you first need to extract the design guidelines from whatever UI you like and give that to AI instead. So I hope this helps you guys out, and I'll be adding new skills every week. Please let me know what other designs you would like to see on there. I appreciate all the feedback.

Skills UI

The easy way to create beautiful designs with AI

The easy way to create beautiful designs with AI