42 Claude Design Skills That Kill AI Slop

If you build with AI coding tools like Claude Code, Cursor, or Codex, you've seen the "AI slop" look: the same purple-to-white gradient, Inter font, and four cards in a grid on every generated site. This is a curated collection of 42 design skills — plain SKILL.md rules — that overwrite the model's default taste before a single line of CSS is written. It's organized into layers covering frontend design foundations, motion principles, real token/theme systems (OKLCH color, fluid type, spacing ramps), and even After Effects motion. Each entry comes with the creator's credit, a real GitHub repo, and a one-line install command, so you can drop in exactly the ones you need. If you want your AI-built projects to actually look designed instead of default, this is a genuinely useful, practical resource.