Hyperlinks:
Higgsfield kostenlos testen *: https://higgsfield.ai/s/alex.sprogis-Ivnmmk
AI Coding Starter Kit: https://link.alexsprogis.de/gY5SoZ
Prompt: https://docs.google.com/document/d/1IgzffJFRSAiQffZzLyX9KHYO15EsKFZMVMgPRP6HF3o/edit?usp=sharing
Wireframe: https://drive.google.com/file/d/1a2UcId7_I4HrPuJiVALHbEO6K2xOX2LB/view?usp=sharing
Mein Produktivitätstool Nr.1 (alles per Spracheingabe steuern).
Wispr Flow *: https://link.alexsprogis.de/wisprflow.
–.
In diesem Video baue ich eine komplette individuelle und animierte Webseite mit Claude Design von Grund auf. Wir erstellen den Wieframe in Figma, erstellen alle Assets mit Higgsfield und konfigurieren die Webseite dann in Claude Design.
—–.
Kapitel:.
00:00 Intro.
00:37 Vorbereitung.
02:27 Wireframe erstellen.
05:33 Claude Design.
07:38 Produktbilder & Videos.
17:06 Test der Webseite.
17:51 Einfügen der Assets.
21:36 Ergebnis & Fazit.
—–.
Mein Tech Stack:.
Editor: VS Code (kostenloser Code Editor).
Coding Agent: Claude Code (Opus 4.7).
Frontend: Next.js/ Tailwind.
Backend: Supabase.
Implementation: Hostinger * (https://www.hostg.xyz/SHJ1Z).
Verwende “ALEXSPROGIS” hair 10% Rabatt auf Jahrespläne.
—–.
Abonnier den Kanal kein weiteres Video zu verpassen.
—–.
Folge mir auch auf anderen Kanälen:.
LinkedIn: https://www.linkedin.com/in/alexander-sprogis/.
Instagram: https://www.instagram.com/alex.sprogis/.
TikTok: https://www.tiktok.com/@alexsprogis.
—–.
Auf diesem Kanal bekommst du:.
– Updates zu den neuesten KI-Tools für Produktentwicklung mit AI.
– Best Practices zu AI-Tools wie Claude, Cursor, Supabase und co.
– Schritt-für-Schritt-Workflows zum Nachbauen.
– Einfache Erklärungen, die komplexe KI-Konzepte – verständlich für jeden.
Über mich:.
Ich bin Alex. Nach 10 Jahren im Produktmanagement und 4,5 Jahren als Agency-Founder (VisualMakers) zeige ich dir hier, wie du sichere und skalierbare Software mit AI baust, auch ohne Vorkenntnisse.
Mehr zu mir findest du auf https://alexsprogis.de.