Taste Skill (Tastekill)
Built by Leonxlnx. The one job: strip the AI look out of what you generate. Not "make it pretty" — make it stop looking generated.
You install it once. It teaches Claude what an AI-built site looks like and what a human-built site looks like, and pushes every output toward the second one.
Install
npx skills add Leonxlnx/taste-skill
The links
Site: tasteskill.dev
GitHub: github.com/Leonxlnx/taste-skill
Run it on existing projects too. Point it at a site you already built and ask it to apply taste. You'll watch the generic gradients and stock shadcn cards get replaced with something that looks designed.
What it fixes
- Default shadcn cards everywhere — gone, replaced with custom component treatments
- Generic gradients and purple-blue buttons — swapped for intentional color choices
- AI-voice copy (the "Unlock your potential" tells) — rewritten in normal human language
- Floating emoji in hero sections — removed
Why It Works Most AI tools are trained on average web design, so they output average. Taste Skill nudges Claude toward above-average references and flags the patterns that scream "built by AI." One install, every project gets better.
Impeccable Design
Made by Paul Bakaus. Twenty design commands in one install. Each command does one specific design job — grid, type scale, color system, spacing, hover states, empty states, and more.
Think of it as a senior designer sitting next to Claude. You type /design-grid or /design-color-system and you get a real one, not a guess.
Install
npx skills add pbakaus/impeccable
Works with Cursor, Claude Code, and any other skill-compatible setup.
The link
impeccable.style
The twenty commands are listed on the site. Scan them once, pick three you always skip (most people skip empty states, hover states, and spacing scale), and run those on every project from now on.
What you get
- A real type scale — not "h1 is big, h2 is smaller"
- A real color system — with semantic tokens, not raw hex codes everywhere
- Proper grid and spacing — the stuff you can't see but makes a site feel expensive
- States you'd otherwise forget — hover, focus, loading, empty, error
Don't run all twenty commands at once on a new project. Start with grid, type, and color. Layer the rest when you need them. Too many at once and you'll end up with design-by-committee instead of a clear direction.
Emil Kowalski Skill
Emil Kowalski built vaul, sonner, and a long list of the motion primitives every modern site uses. He packaged his motion sense into a skill.
One command. Your UI gets real animations — not the floaty CSS transitions AI defaults to, but the tuned timing and easing that makes interfaces feel fast and intentional.
Install
npx skills add emilkowalski/skill
The links
Skill page: emilkowal.ski/skill
His site (for context on what good motion looks like): emilkowal.ski
Before you install it, spend two minutes on Emil's personal site. The way tooltips fade, the way menus drop, the way pages transition — that's what you're installing. Seeing the target first makes the output land.
What it animates well
- Drawers and sheets on mobile — the iOS-feel bottom sheets, done right
- Toasts and notifications that stack and dismiss with weight
- Page transitions that feel like an app, not a 1998 website
- Button and card hover states with actual easing curves
The Signal Motion is the single biggest giveaway of an AI-built site. Static = generated. Tuned motion = crafted. This one skill closes most of that gap by itself.
Google Stitch
Google's free AI design tool. Just dropped. Sign in with your Google account and you're in — no paid tier needed.
Stitch is the web-UI path. If Claude Design is "describe a product and get code," Stitch is "describe a screen and get a designed screen you can iterate on visually."
The link
stitch.google.com (or stitch.withgoogle.com — both work)
When to use it
- Design exploration — generate three or four versions of a screen before writing any code
- Mobile app mockups — where seeing the screens matters more than shipping code day one
- Client previews — show a stakeholder a designed flow before engineering touches it
- Stealing direction — use it as a visual brainstorm, then move the winning version into Claude Design
Run your brief through Stitch and Claude Design in parallel. Stitch gives you the visual idea. Claude Design ships the working code. Same ten minutes, two assets, one decision to make.
Stitch is newer, so expect quirks and some features behind a waitlist. The core generator is free and works today.
Why This One The other four tools live inside your terminal. Stitch lives in a browser tab. That's the point — it's the tool to open when you haven't committed to a direction yet.
The order to install them
Don't install all five on a random Tuesday and then forget them. Install them in order. Each one stacks on the last.
1
Open Claude Design
Go to claude.ai/design. If you pay for Claude, you already have access. Ship one small test project to learn the input shape.
2
Install Taste Skill
Run npx skills add Leonxlnx/taste-skill. Then regenerate your test project. Notice what changed — that's the "AI look" being removed.
3
Install Impeccable Design
Run npx skills add pbakaus/impeccable. Try three commands: /design-grid, /design-type-scale, /design-color-system. Apply them to the same test project.
4
Install Emil's skill
Run npx skills add emilkowalski/skill. Add motion to the test project — drawers, toasts, page transitions. Compare it to the flat version.
5
Open Stitch for the next one
On your next real project, start in stitch.google.com. Explore directions visually. Move the winning one into Claude Design and run the full stack on it.
Time Budget All five installs take under ten minutes. The compounding takes one or two projects to feel. By the third project, your output stops looking AI-built and starts looking designed.
"Most people install one tool and stop. The leverage is in the stack."