Skills UI

## What it is Skills UI is a marketplace of downloadable design styles for AI coding tools. You grab a style you like — Glassmorphism, Cyberpunk, Fintech, Art Deco, whatever fits what you're building — and drop two small files into Claude, Cursor, Lovable, or any AI development tool. From that point on, the AI builds with real design direction instead of defaulting to the same gray-card, blue-button look every AI app ends up with. It's built for vibe coders: people who can ship a working app with AI but struggle to make it look good. The build part got solved. The design part didn't. That's the gap Skills UI fills. --- ## The problem Every app built with AI looks the same. Flat cards, Inter font, gray background, rounded corners, one blue button. It's not broken, it just looks like ten thousand other apps — because the AI has no design taste by default. It's a code generator, not a designer, so it falls back on the safest, most generic look every single time. Most builders don't have the design vocabulary to fix it. They know their app looks off but can't say why, and "make it look better" isn't a prompt that gets you anywhere. So they ship something that works but looks unfinished, and it quietly kills how seriously people take the product. --- ## How it works Every skill is two plain-text files: - **SKILL.md** — the design guidelines plus instructions for how the AI should apply them. Drop it into your project instructions or Cursor rules. - **DESIGN.md** — a design reference that lives in your repo, so the AI pulls from it every time it builds a new page, and you can read it yourself too. No install, no config, no code. You paste the files in, and the next thing your AI builds comes out looking designed. It works the same way across any AI vibe coding tool so you're not locked into one tool. --- ## What's in the library Dozens of design styles, each one written by hand and grounded in how the aesthetic actually works — not a one-line "make it glassy" prompt. A few of them: - **Visual styles** — Glassmorphism, Liquid Glass, Futuristic Glass, Neobrutalism, Dark Luxury, Claymorphism, Bento Grid, Art Deco, Vaporwave, Cyberpunk, Memphis, Kawaii and more. - **Product styles** — Modern SaaS, AI SaaS, Fintech, SaaS Dashboard, Crypto, Cyber Brutalism - **Animated backgrounds** — shader effects, aurora gradients, meteor showers, interactive constellations, and more, each a real component you drop into a hero section New styles get added regularly, and a chunk of the library is free to download and try. --- ## The Design Extractor This is the part nothing else really does. Found an app or website whose design you love? Upload a few screenshots and the Design Extractor reverse-engineers the look — colors, spacing, typography, component style — and hands you a custom SKILL.md and DESIGN.md for that exact aesthetic. So you're not limited to the preset library; you can turn any design you admire into direction your AI can actually follow. It's the fastest way to go from "I want mine to look like that" to actually building it. --- ## What makes it different Most design tools for AI are component libraries — they hand you pre-built UI blocks and assume you know how to assemble them well. Skills UI gives the AI design *direction* instead, so it makes good choices on its own across the whole app, not just where you dropped a component. It's also written for people, not engineers. The skills are plain English, Claude-first, and don't assume you know design jargon. And the Design Extractor means you're never stuck with only what's in the catalog — any look you can screenshot is a look you can build. --- ## What you can expect - Apps that look designed instead of generated, without learning design yourself - One consistent aesthetic across every page, instead of each screen drifting - A specific look you actually chose, applied in a couple of minutes - The ability to copy any design you admire and build with it - The same workflow whether you're in Claude, Cursor, Lovable, or Bolt --- ## Who it's for Indie builders, solo founders, and vibe coders shipping real products with AI who are tired of everything they build looking like a demo. If you can get the app working but it never looks the way you pictured, this is the missing piece. Start with a free skill, paste it into your next session, and see what your AI builds when it finally knows what you want.

Discussion (0)