Скачать или смотреть So erstellst du Websites die nicht KI-generiert aussehen (Claude Code)

🚀 Die schnellste Abkuerzung um KI Automatisierung zu meistern: https://skool.com/ki-automatisierung
🔗 Website bei Hostinger hosten: https://www.hostg.xyz/SHJ1q (JULIANIVANOV für 10 % Rabatt)

Du willst Websites mit KI erstellen, aber die sollen nicht nach KI aussehen? In diesem Video zeige ich dir 3 Hacks, mit denen du Claude Code beibringst, professionelle Frontends zu bauen — mit interaktiven Elementen, branchenspezifischem Design und fertigen UI-Komponenten. Plus: Setup mit VS Code, GitHub-Grundlagen und Deployment bei Hostinger in wenigen Minuten.

🔗 Weitere Links
▸ Skills Seite: https://skills.sh
▸ Frontend Design Skill: https://skills.sh/anthropics/skills/f...
▸ UI-UX Pro Max Skill: https://github.com/nextlevelbuilder/u...
▸ 21st.dev Komponentenbibliothek: https://21st.dev
▸ Visual Studio Code: https://code.visualstudio.com

🗒️CLAUDE.md:
Websiteerstellung

Tech Stack
Next.js 15 + TypeScript + Tailwind CSS
Framer Motion für Animationen

Design-Regeln
Nutze das AskUserQuestion Tool, um den Nutzer über das Websitedesign zu interviewen, damit du die Vorstellungen des Nutzers genau abbilden kannst
Nutze den frontend-design Skill für alle UI-Entscheidungen
Nutze UI/UX Pro Max für Design-System-Generierung
Nutze ggf. 21st.dev für Component-Inspiration (falls vorgegeben)
Keine generischen AI-Aesthetics
Bold, distinctive Design-Choices
Performance-optimiert (Core Web Vitals)

📬 Business Anfragen: ivanov@crystalflow.ai

🕐 Zeitstempel
00:00 Einleitung
01:15 Claude Code installieren
03:43 Hack 1: Frontend Design Skill installieren
08:20 Hack 2: UI-UX Pro Max Skill
15:45 Hack 3: 21st.dev Komponentenbibliothek
18:05 CLAUDE.md Datei
19:54 GitHub einrichten mit Claude Code
24:28 Hostinger Web App Hosting
27:42 Hostinger VPS mit Docker
29:55 Community

🔍 Tags
#claudecode #claudeai #websitedesign #claude #ki #kuenstlicheintelligenz #webdesign #frontend #claude #anthropic #vscode #github #deployment #webentwicklung #tutorial #deutsch #german #automation #kiautomatisierung #skills #uidesign #uxdesign #21stdev #nocode #lowcode #selfhosting #vps #docker