Wie Ich ein 3D Animiertes Portfolio Mit KI Baute

Der Clip, der mich innehalten und ihn dreimal hintereinander anschauen ließ, war zehn Sekunden lang. Eine 3D-illustrierte Version von mir, die langsam durch ein leeres Terrakotta-Studio läuft, kurz innehält, um in die Kamera zu blicken, und dann wieder wegschaut. Natives 4K. Kein Upscaler in der Pipeline. Und das Ganze lag hinter dem Hero-Text einer Portfolio-Website, die ich vierzig Minuten zuvor mit Anweisungen im Umfang einer Serviettenskizze entworfen hatte.

Das ist die ganze Geschichte in einem Satz: Ich habe ein 3D-animiertes Portfolio gebaut — eine komplette Homepage mit einem lebendigen, loopenden 4K-Charaktervideo im Hero — mit zwei Tools, die nicht miteinander sprachen, und einem Handoff, der beides zusammenfügte. Claude Design 2.0 für die Website. Higgsfields Seedance 2.0 4K für das Video. Claude Code, um das Ganze produktionsreif zu machen.

Ich möchte euch durch den tatsächlichen Build führen, nicht durch das Highlight-Reel. Wo es unheimlich gut funktioniert hat, wo es seltsam wurde, und die zwei Entscheidungen ganz am Anfang, die den Unterschied ausmachten zwischen „KI-Slop-Landingpage" und etwas, unter das ich tatsächlich meinen Namen setzen würde. Die Tools sind beeindruckend, keine Frage. Aber die Tools sind nicht der Grund, warum es gut geworden ist.

Warum sich ein 3D-animiertes Portfolio endlich lohnt

Jahrelang war ein Hero-Hintergrundvideo auf einer Portfolio-Website eine Steuer, die man in drei Währungen zahlte: ein Videograf oder Motion Designer, eine Render-Pipeline und Bandbreite. Entweder man drehte selbst Material, lizenzierte einen Stock-Loop, den tausend andere Websites ebenfalls nutzten, oder man bezahlte einen 3D-Artist für eine maßgeschneiderte Animation, die bei vierstelligen Beträgen anfing. Die meisten Solo-Builder schauten sich diese Rechnung an und lieferten stattdessen ein statisches Hero-Bild aus.

2026 haben sich zwei Dinge geändert, die diese Gleichung gekippt haben.

Erstens: KI-Webdesign-Tools haben die Grenze überschritten von „generiert ein Wireframe, das du von Hand nachbaust" zu „generiert eine echte, editierbare, exportierbare Website". Ich verfolge das genau — meine Analyse des Claude-Design-Overhauls vom Juni 2026 behandelte den Moment, in dem das Tool aufhörte, eine Token-verbrennende Demo zu sein, und zu etwas wurde, in dem man ein Projekt tatsächlich fertigstellen konnte. Claude Design 2.0 ist der nächste Schritt darüber hinaus: vollständig editierbarer Output, direktes Bearbeiten auf der Canvas und ein sauberer Handoff zu Claude Code.

Zweitens — und das ist der Teil, den die meisten unterschätzen — haben Videomodelle gelernt, nativ in hoher Auflösung zu generieren. Higgsfield hat Seedance 2.0 auf natives 4K gebracht, laut Higgsfields Modellseite. Nicht 1080p-und-dann-hochskaliert. Echte 4K-Frames direkt aus dem Modell. Dieses eine Detail eliminiert einen kompletten Arbeitsschritt, eine komplette Qualitätsverlust-Stufe und eine komplette Kategorie von „Warum sieht die hochskalierte Version aus, als würde sie schmelzen"-Frust.

Nimmt man beides zusammen, kann ein Solo-Builder heute ein Portfolio produzieren, das wirkt, als hätte es eine Agentur ausgeliefert. Der Haken — denn es gibt immer einen Haken — ist, dass diese Tools Vorbereitung belohnen und Faulheit härter bestrafen als jede Design-Software, die ich je benutzt habe. Womit wir bei der ersten echten Lektion wären.

Das Wireframe, das ich skizzierte, bevor ich irgendeine KI anfasste

Hier machen die meisten den Fehler, und hier hätte ich ihn fast auch gemacht. Der Instinkt bei einem Tool wie Claude Design 2.0 ist, es zu öffnen, „bau mir ein schickes, modernes Portfolio mit Video-Hero" einzutippen und auf Los zu drücken. Man bekommt irgendetwas. Es wird okay aussehen. Es wird aber auch exakt so aussehen wie das Irgendetwas, das alle anderen mit diesem Prompt bekommen, weil man dem Modell null Constraints mitgegeben hat und es das Vakuum mit dem statistischen Durchschnitt aller Portfolios gefüllt hat, die es je gesehen hat.

Also habe ich skizziert, bevor ich irgendetwas geöffnet habe. Nichts Aufwendiges — ein grobes Wireframe der Seitenstruktur, von oben nach unten:

• Hero: Vollbild, 100vh. Zentrierter Text. Ein Call-to-Action, der am unteren Rand des Viewports verankert ist, nicht irgendwo in der Mitte schwebend.
• Selected Work: ein Showcase-Grid mit Projekten, direkt unter dem Fold.
• Großes Text-Callout: eine überdimensionierte Statement-Zeile, die Art von Zeile, die einer Website eine Haltung gibt statt nur einer Portfolio-Ablage.
• Journal-/Blog-Bereich: aktuelle Texte, denn ein Portfolio ohne Stimme ist ein Lebenslauf.
• Footer-CTA: ein letztes klares „Lass uns reden", bevor die Besucher gehen.

Das war's. Fünf Sektionen, in etwa vier Minuten skizziert. Aber diese Skizze ist das Artefakt mit dem größten Hebel im gesamten Build, und ich erkläre im nächsten Abschnitt genau, warum — denn was ich damit gemacht habe, zählt mehr als die Zeichnung selbst.

Den Build in Claude Design 2.0 aufsetzen

In Claude Design 2.0 setzen die ersten beiden Entscheidungen die Obergrenze für alles, was danach kommt.

Entscheidung eins: kein Template. Templates fühlen sich wie ein Vorsprung an. In Wahrheit sind sie ein Käfig — man verbringt den Rest der Session damit, gegen die Annahmen des Templates zu kämpfen, statt die eigenen auszudrücken. Ich habe mit einer leeren Canvas angefangen, damit die Struktur aus meinem Wireframe kam und nicht aus der Vorstellung von jemand anderem, wie ein Portfolio auszusehen hat.

Entscheidung zwei: das leistungsfähigste verfügbare Modell wählen. Claude Design lässt einen das zugrunde liegende Modell auswählen, und für einen Build von Grund auf, bei dem sowohl Layout-Reasoning als auch visueller Geschmack zählen, greife ich zum stärksten verfügbaren Design-Reasoning-Opus-Modell. Bei einer Hero-getriebenen Website, deren Komposition den gesamten ersten Eindruck tragen muss, ist dieses Reasoning den Aufpreis wert.

Dann der eigentliche Zug: Ich habe die Wireframe-Skizze hochgeladen und die Anweisungen dazu ausformuliert. Nicht „mach ein Portfolio". Sondern — Vollbild-Hero mit 100vh, zentrierte Headline, CTA am unteren Rand fixiert, Selected-Work-Grid darunter, überdimensioniertes Text-Callout, Journal-Bereich, Footer-CTA. Ich habe auch das Gefühl beschrieben: selbstbewusst, editorial, ein bisschen wie eine Galerie. Terrakotta und Schwarz als Farbwelt.

Das ist der entscheidende Unterschied. Ein klares Wireframe plus spezifische Anweisungen macht den Output nicht ein bisschen besser — es ändert die Kategorie des Outputs komplett. Das Modell hört auf, deine Absicht zu erraten, und fängt an, sie umzusetzen. Als ich auf Generieren drückte, kam kein generisches Template zurück. Es war meine Struktur: ein 100vh-Hero mit Platzhalter-Bildern, ein Terrakotta-Schwarz-Schema, das sich wie eine Designentscheidung anfühlte statt wie ein Default, und jede Sektion aus meiner Skizze in genau der Reihenfolge, in der ich sie skizziert hatte.

Die Platzhalter waren genau das — Platzhalter. Aber das Grundgerüst stimmte. Und das Grundgerüst bei der ersten Generierung richtig hinzubekommen ist das ganze Spiel, denn alles danach ist Verfeinerung, nicht Wiederaufbau. Jetzt brauchte die Website etwas Echtes in diesem Hero. Zeit für den Tool-Wechsel.

Die Assets in Higgsfield generieren

Higgsfield ist eine Plattform, kein einzelnes Modell — man kann es sich als einen Login vorstellen, hinter dem ein ganzes Regal an Bild- und Videogeneratoren steht. An jedem beliebigen Tag findet man dort GPT Image 2, Nano Banana Pro, Seedance 2.0 und eine lange Liste weiterer, alle hinter derselben Oberfläche. Higgsfields eigene Modellübersicht wächst ständig weiter, und ich habe die Plattform inzwischen oft genug benutzt, um Meinungen dazu zu haben, wann man zu welchem Modell greift — eine komplette Produktionspipeline habe ich in meinem Build einer automatisierten Kreativagentur mit Claude und Higgsfield auseinandergenommen.

Für dieses Portfolio brauchte ich zwei Dinge: einen 3D-illustrierten Charakter, der auf mir basiert, und dann diesen Charakter animiert als 4K-Hero-Loop. Zwei verschiedene Jobs, zwei verschiedene Modelle.

Der Star des Video-Jobs ist Seedance 2.0 4K. Warum das Modell wichtig ist, liegt nicht nur an der Qualität — sondern daran, dass es in nativem 4K generiert. Auf den meisten Plattformen bedeutet „4K-Video", dass das Modell in 1080p rendert und ein Upscaler das Ergebnis danach aufbläst, was Kanten weichzeichnet, Artefakte einführt und einen zusätzlichen Render-Schritt bedeutet. Seedance 2.0 überspringt all das. Die Frames kommen in 4K aus dem Modell. Für ein Hero-Hintergrundvideo, das ein Besucher womöglich auf einem 27-Zoll-Monitor betrachtet, ist genau diese native Schärfe der springende Punkt. Keine Upscaling-Steuer.

Aber bevor ich irgendetwas animieren konnte, brauchte ich den Charakter. Das entpuppte sich als der kniffligste Teil des gesamten Builds.

Den 3D-Charakter richtig hinbekommen (vorbei am Uncanny Valley)

Ich habe mit einem einzigen Foto von mir angefangen. Der Prompt: ein 3D-illustrierter Ganzkörper-Charakter, Terrakotta-Studio-Hintergrund passend zur Website, im 16:9-Format, damit er direkt in den Hero passt.

Zuerst habe ich GPT Image 2 probiert. Dann Nano Banana Pro. Und hier der ehrliche Teil — die ersten Ergebnisse waren auf eine sehr spezifische Art schlecht. Sie waren zu realistisch. Die Modelle drängten immer wieder Richtung hyperdetailliertem, fast fotografischem Rendering meines Gesichts, und der Effekt landete mitten im Uncanny Valley. Das war kein stilisierter 3D-Charakter mehr; das war ein leicht danebenliegender Klon von mir, und mein Gehirn stufte ihn innerhalb einer halben Sekunde als falsch ein. „Gruselig" war der Fachbegriff, den ich damals benutzt habe.

Die Lösung war, in Richtung weniger Realismus zu iterieren, nicht mehr. Ich habe die Prompts auf einen klar illustrierten, stilisierten 3D-Look gedreht — die Art von Proportionen und Oberflächen, die man aus einem guten animierten Kurzfilm kennt, wo der Charakter als gestaltetes Objekt gelesen wird statt als eingescannter Mensch. Ein paar Durchläufe später hatte ich die Balance: eindeutig ich, eindeutig eine 3D-Illustration, null Uncanny-Valley-Fremdschämen. Ganzkörper, Terrakotta-Studio-Hintergrund, 16:9.

Eine Lektion zum Mitnehmen: Wenn ein KI-generierter Charakter unheimlich wirkt, ist der Instinkt, mehr Detail und Realismus draufzupacken, um es zu „reparieren". Das ist genau falsch herum. Der Realismus ist das, was es kaputtmacht. Geht Richtung Stilisierung, und das Unbehagen verschwindet.

Mit einem Charakter, der mir tatsächlich gefiel, ging es weiter zur Animation.

Animieren in Seedance 2.0 4K

Ich habe das ausgewählte Charakterbild mit einem knappen Prompt in Seedance 2.0 4K gefüttert: Der Charakter läuft langsam durch ein leeres Studio, blickt in die Kamera, schaut wieder weg. Zehn Sekunden. 16:9. 4K. Hohe Bitrate.

Die Spezifität dort ist Absicht. „Läuft herum und blickt in die Kamera" gibt dem Modell einen klaren, einfachen Bewegungsbogen — nichts Akrobatisches, nichts, das framegenaue Physik verlangt, die es vermasseln könnte. Ein langsamer Gang und ein einzelner Blick sind exakt die Art zurückhaltender Bewegung, die diese Modelle sicher beherrschen, und zurückhaltend ist ohnehin genau das, was man hinter Hero-Text haben will. Man macht kein Musikvideo; man macht ambiente Bewegung, die das Auge anzieht, ohne der Headline den Fokus zu stehlen.

Der Download kam sauber in 4K zurück. Kein Upscaling, kein Post-Processing, kein „lass mich das durch Topaz jagen, um es zu retten"-Schritt. Der Clip war scharf genug, um in voller Viewport-Größe hinter Text zu liegen und trotzdem zu bestehen.

Falls ihr euch so eine KI-getriebene Website-und-Video-Pipeline lieber komplett bauen lassen wollt: Genau das ist ein guter Teil dessen, was ich mache — die Bandbreite meiner Arbeit seht ihr auf meinem Fiverr-Profil. Aber ganz ehrlich, der Workflow ist erlernbar, also zeige ich euch weiter, wie die Teile zusammenpassen.

Den 4K-Clip in den Hero einsetzen

Zurück in Claude Design 2.0 war die Integration des Videos der befriedigende Payoff. Der Clip kam als Hero-Hintergrund rein — und die Einstellungen hier zählen mehr, als die meisten erwarten:

• Stumm. Ein Hero-Video, das beim Laden Ton abspielt, ist eine Absprungmaschine. Lautlos, immer.
• Steuerelemente ausgeblendet. Kein Scrubber, kein Play-Button. Es ist ein Hintergrund, kein Mediaplayer.
• Loopend. Zehn Sekunden, nahtlos, in Endlosschleife.
• Text und CTA unten zentriert, exakt wie im Wireframe vorgesehen, über dem bewegten Material liegend.

In dem Moment, in dem der 4K-Charakter hinter der Headline zu loopen begann, hörte die Website auf, wie ein generierter Entwurf auszusehen, und begann, wie etwas mit Puls auszusehen. Das ist die emotionale Wendung, die ein Video-Hero einem kauft — eine statische Website sagt „hier ist meine Arbeit", eine lebendige sagt „hier ist, wer ich bin". Für ein persönliches Portfolio ist dieser Unterschied der gesamte Pitch.

Jetzt war die Website lebendig, aber sie war noch nicht richtig. Die Headline war zu fett, das Orange wirkte matschig, und auf dem Hero lag ein Gradient, den ich nicht wollte. Und genau hier hat sich das On-Canvas-Editing von Claude Design 2.0 bezahlt gemacht.

Das Design bearbeiten, ohne die ganze Seite neu zu prompten

Hier kommt das Feature, das das neu gebaute Claude Design von der „Regenerieren und beten"-Ära der KI-Design-Tools trennt. Statt die ganze Seite neu zu prompten, sobald man eine kleine Änderung will — und zu riskieren, dass das Modell etwas neu baut, das einem gefiel — bearbeitet man direkt auf der Canvas. Anthropics neu gebauter visueller Editor gibt einem laut Anthropics Claude-Design-Ankündigung WYSIWYG-Kontrolle, sodass kleine Anpassungen keinen vollen Modell-Durchlauf verbrennen.

In der Praxis gibt es grob drei Ebenen des Bearbeitens, und zu wissen, wann man zu welcher greift, ist die halbe Kunst:

1. Direkte Manipulation — ein Element auswählen und es einfach tun: ziehen, skalieren, Text neu tippen, Ausrichtung anpassen, ganz ohne Prompt. Hier habe ich den Hero-Inhalt linksbündig gesetzt und die Schriftstärke der Headline reduziert — Änderungen, die in einem Satz zu beschreiben absurd gewesen wäre, wenn ich sie von Hand justieren konnte.
2. Tiefere Anpassungen — reglerartige Controls für Abstände, Farbe und Layout, mit der Möglichkeit, eine Änderung auf einen Schlag durchs ganze Design zu ziehen. Hier habe ich das Orange site-weit aufgehellt und die gesamte Website in einem einzigen Zug auf eine cleanere Schrift umgestellt, statt jeden Textblock einzeln zu jagen.
3. Zugriff auf Code-Ebene — ins zugrunde liegende Markup abtauchen, wenn man chirurgische Kontrolle braucht, die der visuelle Editor nicht bieten kann. Hier habe ich den Hero-Gradient sauber entfernt.

Schaut euch an, was diese Sequenz tatsächlich war: den Hero von Hand linksbündig setzen, das Orange global aufhellen, die Website-Schrift in einem Zug tauschen, in den Code gehen, um den Hero-Gradient zu entfernen, dann die Headline-Stärke reduzieren. Fünf substanzielle Änderungen, null Neu-Generierungen der ganzen Seite, und nicht ein einziges Mal das Risiko, dass das Modell „hilfreicherweise" eine Sektion umbaut, mit der ich zufrieden war.

Das ist der eigentliche Durchbruch. Das schmutzige Geheimnis des alten Workflows war, dass jedes Re-Prompting ein Glücksspiel war — man bat um einen Tweak und bekam drei ungefragte „Verbesserungen", die man jetzt rückgängig machen musste. Direktes Bearbeiten macht Design-Iteration wieder zu dem, was sie sein sollte: eine Serie kleiner, sicherer, umkehrbarer Züge. Wer die tiefere strategische Version dieses Handoffs will: Die habe ich in meinem Website-Workflow mit Claude Code und KI-Design-Tools ausgearbeitet.

Als der Look saß, blieb vor dem Export noch eine Aufgabe: sicherstellen, dass er auf dem Smartphone nicht auseinanderfällt.

Das 3D-animierte Portfolio responsive machen

Ein Hero-Video und ein straffes Desktop-Layout sind nichts wert, wenn die Website auf Mobilgeräten kollabiert — dort, wo tatsächlich mehr als die Hälfte der Besucher unterwegs ist. In Claude Design 2.0 habe ich das Verhalten auf kleinen Bildschirmen geprüft und den offensichtlichen Bruch behoben: Die Journal- und Selected-Work-Sektionen, die auf dem Desktop bequem nebeneinander saßen, mussten auf schmalen Viewports vertikal stapeln, statt sich in unlesbare Spalten zu quetschen.

Das ist ein schneller Durchgang, aber ein nicht verhandelbarer. Der 4K-Hero skaliert elegant herunter — ein Vorteil von nativem 4K ist, dass es sauber auf kleinere Bildschirme heruntergerechnet wird, statt weich auszusehen. Aber die Layout-Logik muss bewusst behandelt werden. Die zweispaltigen Sektionen stapeln, prüfen, dass der CTA erreichbar bleibt, kontrollieren, dass die Headline nicht überläuft — zehn Minuten Arbeit, die einen davor bewahren, etwas auszuliefern, das auf genau dem Gerät kaputt aussieht, auf dem die meisten es öffnen werden.

Mit Responsive erledigt war der Prototyp wirklich gut. Aber ein Claude-Design-Prototyp, so poliert er auch ist, bleibt ein Prototyp. Um ihn real zu machen, brauchte ich ihn in Code.

Export zu Claude Code für echte Kontrolle

Hier stoßen viele KI-gebaute Websites an ihre Decke. Sie leben in dem Tool, das sie erzeugt hat, und in dem Moment, in dem man etwas will, das das Tool nicht kann, steckt man fest. Claude Design 2.0 umgeht diese Falle mit einem sauberen Handoff.

Zwei Wege hinaus:

• Share → Send to Claude Code schiebt das Projekt direkt in eine Claude-Code-Session.
• Download als ZIP übergibt einem die rohen Dateien, um sie zu öffnen, wo immer man will.

Ich habe es an Claude Code geschickt, lokal hochgefahren, und hier passierte der Feinschliff, der „KI-generiert" von „professionell gebaut" trennt — die Dinge, über die ein visuelles Tool schlicht nicht so gut nachdenken kann wie ein Coding-Agent, der in der echten Codebasis arbeitet:

• Sektionsfluss und Abstände — den vertikalen Rhythmus zwischen den Sektionen straffen, damit die Seite atmet, statt sich wie gestapelte Blöcke anzufühlen. Ich habe schon früher darüber geschrieben, wie viel von „Premium" in Wahrheit nur Disziplin bei Abständen und Flow ist.
• Hover-States auf den Portfolio-Items — die Art von Mikro-Interaktion, die Handwerk signalisiert. Ein subtiles Anheben, eine Verschiebung, etwas, das den Cursor belohnt.
• Fade-in-Animationen — Sektionen, die beim Scrollen sanft einblenden, statt an Ort und Stelle zu schnappen.
• Footer-CTA — den finalen Call-to-Action verfeinern, damit die Seite mit Absicht schließt.

Claude Code auf echten Dateien ist ein fundamental anderes Werkzeug als ein visueller Editor. Es denkt über die gesamte Codebasis nach, macht konsistente Änderungen darin und gibt einem die Kontrolle auf Code-Ebene, die aus einem hübsch aussehenden Prototyp etwas macht, das man tatsächlich deployen würde. Das Design-Tool bringt einen auf wunderschöne Weise den Großteil des Weges. Claude Code schließt die letzte Etappe — die, die tatsächlich jedem auffällt.

An diesem Punkt hatte ich ein wirklich auslieferbares 3D-animiertes Portfolio: nativ-4K-Charakter-Hero, editoriales Layout, responsive, polierte Hover-States und Scroll-Animationen, echter Code in meinem Besitz. Aber es war, im Kern, immer noch eine statische Homepage. Und ein Portfolio, das man nicht aktualisieren kann, ist eine Sackgasse.

Der Schritt, der aus einem Prototyp eine Plattform macht

Hier kommt die ehrliche Einschränkung, das Ding, das die glatten Demo-Videos auslassen. Alles oben Beschriebene produziert eine wunderschöne statische Website. Selected Work ist hartkodiert. Die Journal-Einträge sind ins Markup gebacken. Ein neues Projekt hinzufügen? Code editieren. Einen neuen Journal-Post veröffentlichen? Code editieren. Das ist okay für einen einmaligen Build und völlig untragbar für ein lebendiges Portfolio.

Die Lösung — und das ist der natürliche nächste Build, komplett in Claude Code umgesetzt — ist ein Backend-CMS. Eine Content-Schicht, mit der ich Portfolio-Stücke verwalten, einzelne Projektseiten aufsetzen und Journal-Posts veröffentlichen kann, ohne jedes Mal die Codebasis anzufassen. Das ist der Unterschied zwischen einer Homepage und einer Plattform. Ich habe exakt dieses Muster schon gebaut und in Websites mit Claude Code kundeneditierbar machen dokumentiert, und derselbe Ansatz gilt, egal ob der Kunde ein zahlender Auftraggeber ist oder nur das Zukunfts-Ich, das an einem Sonntagabend eine neue Case Study posten will.

Dieser CMS-Schritt ist es, der still und leise die Leute trennt, die eine KI-gebaute Website demonstriert haben, von denen, die tatsächlich eine betreiben. Die Homepage ist der einfache Dopamin-Kick-Teil. Die Content-Infrastruktur darunter macht es real — und genau dorthin bewegt sich die Diskussion um KI-Webdesign als Nächstes.

Häufig gestellte Fragen

Kann man wirklich ohne Coding ein 3D-animiertes Portfolio mit KI bauen?

Ja — man bekommt ein vollständig gestaltetes, responsives Portfolio mit Video-Hero, ohne Code zu schreiben, mit Claude Design 2.0 für die Website und Higgsfields Seedance 2.0 4K für die Animation. Der Haken: Die letzte Meile des Feinschliffs (Hover-States, Scroll-Animationen, ein CMS) ist deutlich einfacher und kontrollierbarer, sobald man zu Claude Code exportiert. „No Code" liefert also einen großartigen Prototyp, aber ein bisschen Code liefert ein echtes Produkt.

Was unterscheidet Seedance 2.0 4K von anderen KI-Videomodellen?

Auf Higgsfield generiert Seedance 2.0 nativ in 4K, statt in niedrigerer Auflösung zu rendern und anschließend hochzuskalieren. Das eliminiert einen Qualitätsverlust-Schritt und eine zusätzliche Render-Stufe, sodass der Clip scharf genug ist, um auf großen Displays hinter Hero-Text in voller Viewport-Größe zu liegen, ohne Artefakte. Laut Higgsfields Modelldokumentation unterstützt es außerdem Multi-Shot-Generierung mit konsistenten Charakteren.

Warum sah mein KI-generierter 3D-Charakter gruselig aus, und wie behebe ich das?

Ein KI-Charakter wirkt meist unheimlich, weil das Modell das Rendering zu weit Richtung Fotorealismus getrieben hat und er im Uncanny Valley gelandet ist. Die Lösung ist kontraintuitiv: Promptet für mehr Stilisierung, nicht für mehr Detail. Dreht in Richtung eines klar illustrierten 3D-Looks mit gestalteten Proportionen, und das Unbehagen verschwindet, weil das Gehirn ihn als absichtsvoll gestalteten Charakter liest statt als fehlerhaften Klon.

Wie funktioniert der Handoff von Claude Design zu Claude Code?

In Claude Design 2.0 nutzt man Share → Send to Claude Code, um das Projekt direkt in eine Claude-Code-Session zu schieben, oder lädt das Projekt als ZIP herunter und öffnet es lokal. Von dort arbeitet Claude Code auf den echten Dateien — dort erledigt man die Verfeinerungen auf Code-Ebene, die der visuelle Editor nicht kann, wie konsistente Abstände, Hover-States, Scroll-Animationen und irgendwann ein Backend-CMS. Der Export-Abschnitt weiter oben beschreibt den kompletten Ablauf.

Die Serviette war der ganze Trick

Geht zurück zu diesem Zehn-Sekunden-Clip — die 3D-Version von mir, die durch ein leeres Studio schreitet und in die Kamera blickt. Das ist der Teil, den alle bemerken. Aber es ist nicht der Teil, der die Website gut gemacht hat.

Die Website ist gut wegen vier Minuten mit einem Stift, bevor ich ein einziges Tool geöffnet habe. Das Wireframe. Die fünf klaren Sektionen. Die spezifischen Anweisungen, die dem Modell übergeben wurden, statt eines vagen Wunsches. Alles Kraftvolle, das danach passierte — das Terrakotta-Schema, das schon bei der ersten Generierung saß, das On-Canvas-Editing, das verfeinerte statt neu zu bauen, der saubere Claude-Code-Handoff — all das baute auf einem klaren Plan auf, der einem fähigen Modell übergeben wurde. Die KI hat mein Portfolio nicht designt. Ich habe es designt, und die KI hat es mit einer Geschwindigkeit und Genauigkeit umgesetzt, die mich vor zwei Jahren einen Monat und eine mittlere vierstellige Rechnung gekostet hätte.

Also hier eure Challenge für die nächsten 24 Stunden: Bevor ihr Claude Design, Higgsfield oder irgendeinen KI-Builder anfasst, skizziert das Ding. Fünf Sektionen, von oben nach unten, auf echtem Papier. Schreibt drei Sätze darüber, wie es sich anfühlen soll. Dann — und erst dann — öffnet die Tools. Ihr werdet ehrlich verblüfft sein, wie viel besser die erste Generierung zurückkommt, wenn das Modell endlich weiß, was ihr wirklich wollt.

Soll ich so eine Website für euch bauen?

Wenn ihr euch das Trial-and-Error lieber spart und ein KI-getriebenes Portfolio — nativ-4K-Video-Hero, editoriales Layout, echter Code in eurem Besitz — komplett bauen lassen wollt: Genau solche Projekte übernehme ich. Schickt mir die grobe Idee, und ich sage euch ehrlich, ob diese Pipeline dazu passt oder ob ihr mit echtem Filmmaterial besser fahrt. Das Gespräch könnt ihr über mein Fiverr-Profil starten.