Dein Frontend sieht nach KI aus? Es fehlen fünf Plugins.

Führt dich von der ersten Frage bis zum fertigen Design und schickt am Ende einen eigenen Reviewer darüber, bevor du das Ergebnis überhaupt zu sehen bekommst. Von Paul Bakaus.

# im Projektordner
npx impeccable install

# danach in Claude Code
/impeccable init

Die Web Design Guidelines von Vercel prüfen deinen Code gegen ihre Interface-Richtlinien und zeigen dir die Schwachstellen. Awesome DESIGN.md gibt Claude ein komplettes Designsystem: Farben, Schriften, Abstände, Buttons, gezogen aus echten guten Websites.

# Web Design Guidelines
npx skills add vercel-labs/agent-skills --skill web-design-guidelines

# Awesome DESIGN.md: nichts zu installieren
# eine DESIGN.md aus der Sammlung in dein Projekt legen, dann:
Bau mir die Startseite im Stil dieser DESIGN.md.

Regeln allein machen noch nichts Schönes. Der Taste Skill holt Geschmack aus Premium-Referenzen. Playwright lässt Claude den Browser öffnen und sich selbst ansehen, was er gebaut hat. Das fängt den Mist ab, bevor du ihn siehst.

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

# Playwright CLI (wie im Short)
npm install -g @playwright/cli@latest
playwright-cli install --skills

# oder Playwright als Plugin
/plugin install playwright@claude-plugins-official

Nimm nicht alle fünf auf einmal. Installier eins, bau dieselbe Seite noch einmal, vergleich. Nur so siehst du, was jedes verändert.

• Erst formen lassen: Impeccable, Awesome DESIGN.md, Taste Skill.
• Dann kontrollieren lassen: Web Design Guidelines, Playwright.
• Woran du merkst, dass Playwright arbeitet: Claude beschreibt, was er im Browser gesehen hat, nicht nur, was im Code steht.