5 free repos that give Claude real design taste

What this is

A free, step-by-step template from Taha's reels — the exact tools, prompts and links, laid out so you can follow along and ship. Comment the keyword on the reel and it also lands in your DMs.

Hey! 👋 Here's what I promised you:

On its own, Claude designs like an AI: same layouts, same colors, same "slop". These 5 free repos open its eyes — layout, colors, typography and motion — so your front-end looks premium.

1. UI UX Pro Max — gives Claude "design intelligence": styles, color palettes, font pairings and UX rules, so the layout, colors and typography stop coming out half-done.

🔗GitHubhttps://github.com/nextlevelbuilder/ui-ux-pro-max-skill 🔗Sitehttps://www.uupm.cc/

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

2. Taste Skill — stops the AI from generating boring, generic "AI slop", so your site doesn't look like it was made by a bot.

🔗GitHubhttps://github.com/Leonxlnx/taste-skill 🔗Sitehttps://tasteskill.dev

npx skills add https://github.com/Leonxlnx/taste-skill

3. Awesome Claude Design — 68 ready-to-use design systems in DESIGN.md format. Drop one into Claude and it doesn't start the design from zero.

🔗GitHubhttps://github.com/VoltAgent/awesome-claude-design 🔗Sitehttps://getdesign.md/

4. design-md-chrome (DESIGN.md Style Extractor) — a Chrome extension: open any website and it extracts its design (typography, colors, spacing, radius, shadows, motion) into a DESIGN.md or SKILL.md file you hand to Claude.

🔗GitHubhttps://github.com/bergside/design-md-chrome 🔗Chrome Web Storehttps://chromewebstore.google.com/detail/designmd-style-extractor/ogpdnchdjiibhobphelbbkemnnemkfma

5. Design Motion Principles — a motion skill for timing, easing and purposeful animation (distilled from Emil Kowalski, Jakub Krehel and Jhey Tompkins), so your site feels premium, not static.

🔗GitHubhttps://github.com/kylezantos/design-motion-principles

npx skills add kylezantos/design-motion-principles

Stack them: a DESIGN.md (3 or 4) for the look, UI UX Pro Max + Taste for the rules, Motion Principles for the animations. 😉

Want more? Go further in the Atlas Room Skool class

This page gives you the tools. The Skool class takes you step by step — full courses and guides to build and sell your own AI app or SaaS, in Darija, with a new lesson every week.

Join the Skool class →

New to vibe coding? See what you'll learn →

🧰TOOLS

TREND🔥