Claude Code skills

4 skills that fix AI template design

If you've built sites with Claude Code, you've seen the same thing over and over: purple gradient, Inter font, a “Get started” button. Every neural net draws the same template. These four skills fix exactly that — here is what each one does, with direct GitHub links.

4 skillsDirect GitHub linksFree

The skills

🎨 Impeccable

  • Knows 62 typical AI cliches — Inter, purple gradients, thin border with a wide shadow, cards inside cards — and stops Claude from repeating them
  • At the start of a project it records what the product is and what its design rules are, and Claude sticks to those rules from then on
  • Can break down a finished interface, refine the details, fix fonts, and add motion

🖼 Taste Skill

  • For your task it suggests 3 directions out of 20 and picks the right one
  • It opens the page in a browser itself — on phone, tablet, and laptop — looks at its own screenshots and fixes things, up to 3 rounds
  • If the result looks like a typical AI landing page, it doesn't pass the check

✨ Animation Skill

  • Knows the exact numbers: button 100–160ms, tooltip 125–200ms, modal 200–500ms
  • Smooth ease-out by default, no sharp jerks
  • On press, a button squeezes slightly instead of jumping — and things people tap 100 times a day shouldn't be animated at all

📚 UI UX Pro Max

  • It doesn't invent — it finds the best fit for your task: type “coffee shop” and you get the style, colors, fonts, and a list of what to avoid
  • Everything compiles into a single file — a finished design system for your project

Together

Together they cover the whole design: rules, style, motion, and system. The links are hidden in the skill names 👆

Want more like this?

Follow @aievgencreator on Instagram — comment DESIGN under the video and the links will land in your DMs.

Follow on Instagram

The links on this page are free — no signup, no paywall.