Direkt zur Anleitung
buildwith.enzo / Guides Guide 016
Guide 016, Portfolio-Website. Prompt und Anleitung zum Reel.

Deine Portfolio-Websiteaus dem Lebenslauf.

Hier sind mein Prompt und die komplette Anleitung aus dem Reel: Claude baut aus deinem Lebenslauf eine Seite, auf der deine Projekte sichtbar werden. Am Ende hast du einen Link, den du zusätzlich zu deiner Bewerbung verschickst.

  • Rund 25 Min Umsetzung
  • 1 Prompt
  • 5 Schritte
  • Free reicht
Los geht’s Direkt zum Prompt

So geht’s, in fünf Schritten

  1. 1Claude vorbereitenEine Einstellung prüfen, die Webseiten erst möglich macht.
  2. 2Lebenslauf und PromptPDF anhängen, drei Stellen im Prompt anpassen.
  3. 3Rückfragen beantwortenAufgabe, dein Beitrag und Ergebnis je Projekt.
  4. 4Seite prüfenNichts Privates, nichts Erfundenes.
  5. 5VeröffentlichenLink von Claude oder eigene Adresse.

Du brauchst

  • Ein Claude-Konto mit Free, Pro oder Max. Mit Team oder Enterprise teilst du die Seite über Claude nur intern. Öffentlich geht sie dann nur über Netlify, falls dein Konto den Download erlaubt.
  • Deinen aktuellen Lebenslauf, am besten als PDF.
  • Einen Rechner mit Browser. Dort siehst du die Seite groß und prüfst sie in Ruhe.
Noch kein Claude-Konto?

Leg es kostenlos auf claude.ai an. Für diesen Guide reicht der Free-Plan.

1

Bereite Claude vor

Claude baut die Seite als Artifact, also als eigenes Fenster neben dem Chat, das du ansehen, herunterladen und veröffentlichen kannst. Dafür muss eine Einstellung an sein. Bei Free, Pro und Max ist sie das normalerweise schon.

  1. Öffne claude.ai und klick unten links auf deinen Namen.
  2. Geh auf Settings, also die Einstellungen, und dort auf Capabilities.
  3. Prüf, ob Code execution and file creation eingeschaltet ist. Wenn nicht, schalt es ein.

Ohne diese Einstellung erstellt Claude keine Artifacts mehr, und du bekommst den Code nur als Text im Chat.

2

Häng den Lebenslauf an und schick den Prompt

Ist die Einstellung aus Schritt 1 an, gibst du Claude jetzt Lebenslauf und Prompt. Was du dafür brauchst, steht unter Du brauchst.

Deine privaten Daten: Claude liest den ganzen Lebenslauf. Lade am besten eine Kopie ohne Adresse, Telefonnummer und Geburtsdatum hoch. Die fertige Seite kann jeder mit dem Link öffnen. Der Prompt sagt Claude deshalb, Adresse, Telefonnummer, Geburtsdatum, Familienstand, Foto und Zeugnisnoten wegzulassen und nichts über deinen Wechsel zu schreiben. Bei internen Zahlen oder Kundennamen soll Claude laut Prompt vorher nachfragen. Ob das geklappt hat, prüfst du in Schritt 4 selbst.

  1. Starte einen neuen Chat.
  2. Klick links unten im Eingabefeld auf + und dann auf Add files or photos, also Dateien oder Fotos hinzufügen. Wähl deine PDF aus.
  3. Kopier den Prompt, füg ihn ins Eingabefeld ein und ersetz die drei Stellen in eckigen Klammern.
  4. Schick die Nachricht ab.
Mein Lebenslauf ist eine Word-Datei

Claude nimmt auch DOCX an, liest daraus aber nur den Text. Aus einer PDF liest Claude auch Bilder und andere visuelle Elemente. Speichere den Lebenslauf deshalb am besten vorher als PDF.

01 Der Portfolio-Prompt

Claude schlägt zuerst Projekte vor und fragt nach, dann baut es die Seite. Ersetz vorher die drei Stellen in eckigen Klammern.

  1. 1 Stelle
  2. 2 Kontakt
  3. 3 Wirkung
Bau mir aus meinem Lebenslauf im Anhang eine persönliche Portfolio-Website. Ein Unternehmen soll auf einen Blick sehen, was ich kann und woran ich gearbeitet habe. Die Seite ergänzt meine Bewerbung, sie ersetzt sie nicht.

Ich bewerbe mich als: [STELLE ODER BRANCHE]
Kontakt auf der Seite: [BERUFLICHE E-MAIL ODER LINKEDIN-PROFIL]
Wirkung der Seite: [ZUM BEISPIEL RUHIG UND SERIÖS ODER MODERN UND FARBIG]

Bevor du baust:
1. Lies den Lebenslauf vollständig.
2. Schlag mir zwei bis vier Projekte oder Arbeiten vor, die am besten zu meiner Zielstelle passen, mit je einem Satz Begründung.
3. Stell mir höchstens fünf Rückfragen. Frag vor allem, was bei jedem Projekt die Aufgabe war, was ich selbst gemacht habe und was dabei herauskam. Warte auf meine Antworten.

Dann bau die Seite als Artifact:
- eine einzige HTML-Datei mit eingebettetem CSS, ohne externe Bilder, Schriften oder Skripte
- oben mein Name und ein Satz, wer ich beruflich bin
- dann die Projekte, je als Karte mit drei Teilen: Aufgabe, mein Beitrag, Ergebnis
- dann meine wichtigsten Fähigkeiten und eine kurze Übersicht meiner Stationen
- am Ende nur der Kontakt von oben
- gut lesbar auf dem Handy, Sprache Deutsch

Regeln:
- Übernimm nur, was im Lebenslauf oder in meinen Antworten steht. Erfinde keine Projekte, Zahlen, Ergebnisse oder Kenntnisse. Fehlt etwas, schreib [OFFEN] an die Stelle.
- Lass Adresse, Telefonnummer, Geburtsdatum, Familienstand, Foto und Zeugnisnoten weg. Die Seite kann jeder mit dem Link öffnen.
- Schreib nicht, dass ich mich bewerbe oder wechseln will.
- Übernimm keine internen Zahlen oder Kundennamen meiner Arbeitgeber, auch wenn ich sie dir im Chat nenne. Frag mich zuerst, ob sie öffentlich sein dürfen.

Zeig mir zum Schluss eine Liste aller Angaben, die nicht wörtlich im Lebenslauf stehen.

3

Beantworte die Rückfragen

Claude schlägt dir Projekte vor und fragt nach, was im Lebenslauf fehlt. Sag Claude, welche zwei bis vier Projekte auf die Seite sollen, und beantworte für jedes drei Fragen in je einem Satz:

  • Aufgabe: Was sollte erreicht werden?
  • Dein Beitrag: Was hast du selbst gemacht?
  • Ergebnis: Was kam dabei heraus?

Nenn eine Zahl nur, wenn sie stimmt und du sie im Gespräch erklären kannst. Weißt du etwas nicht mehr, schreib das. Der Prompt lässt Claude die Stelle dann offen, statt etwas zu erfinden. Nennst du eine interne Zahl, soll Claude laut Prompt nachfragen, ob sie öffentlich sein darf. Prüf das trotzdem in Schritt 4.

So kann eine Antwort aussehenBeispiel
Relaunch der Produktseiten.Aufgabe: Der Shop solltedie Sorten besser erklären.Mein Beitrag: Texte für40 Sorten neu geschrieben,Fotos mit geplant.Ergebnis: weniger Nachfragenbeim Kundenservice. EineZahl habe ich nicht.

4

Prüf die Seite, bevor sie rausgeht

Die Seite öffnet sich am Rechner rechts neben dem Chat. Geh sie einmal ganz durch und prüf vier Dinge:

  • Nichts Privates: keine Adresse, keine Telefonnummer, kein Geburtsdatum, kein Familienstand, kein Foto, keine Noten.
  • Nichts Vertrauliches: keine internen Zahlen oder Kundennamen, die dein Arbeitgeber nicht öffentlich sehen will, und kein Hinweis, dass du wechseln willst.
  • Nichts Erfundenes: Geh die Liste unter Claudes Antwort durch. Jede Angabe darauf muss von dir stammen. Lies auch die Sätze, die Claude selbst formuliert hat, etwa die Einleitung unter deinem Namen: Willst du das so öffentlich stehen haben?
  • Nichts offen: Auf der Seite steht kein [OFFEN] mehr.
Ausschnitt einer Portfolio-Seite: Name, ein Einleitungssatz und zwei Projektkarten mit Aufgabe, Beitrag und Ergebnis. Beim zweiten Projekt steht als Ergebnis [OFFEN].
Beispiel Ausschnitt aus meinem Test mit einem ausgedachten Lebenslauf. Die Abo-Zahl war intern und sollte nicht öffentlich sein, deshalb steht dort [OFFEN].

Passt etwas nicht, sag es Claude. Mit den zwei Sätzen zum Kopieren korrigierst du zwei typische Fehler. Claude legt dabei eine neue Version der Seite an.

Wenn etwas erfunden ist
Entferne jede Angabe, die weder im Lebenslauf noch in meinen Antworten steht, und zeig mir, was du entfernt hast.
Wenn die Seite beliebig wirkt
Die Seite wirkt zu allgemein. Gib ihr eine passende Systemschrift und eine ruhige Farbwelt, die zu meiner Branche passt, ohne externe Schriften und ohne Farbverläufe. Inhalt und Aufbau bleiben gleich.

5

Stell die Seite online

Du hast zwei Wege. Der Link von Claude ist am schnellsten fertig. Mit Netlify wählst du den Namen in deiner Adresse selbst, brauchst dafür aber ein zweites, kostenloses Konto. Den Netlify-Connector, also die Verbindung aus dem Reel, brauchst du für keinen der beiden Wege. Warum, steht unten.

Wo soll deine Seite liegen?

Tipp einen Weg an. Dann erscheinen die Handgriffe dazu.

Link von ClaudeVeröffentliche das Artifact

  1. Stell im Artifact-Fenster sicher, dass die richtige Version ausgewählt ist.
  2. Klick auf Publish, also Veröffentlichen. Steht dort statt dessen Share, öffnet den Link nur, wer ein Claude-Konto hat. Nimm dann den Weg mit Netlify.
  3. Kopier den öffentlichen Link.

Vorher wissen: Mit Publish sieht die Seite jeder, der den Link hat, ohne Anmeldung. Wer ein Claude-Konto hat, kann auch ihren Code kopieren. Nimmst du sie mit Unpublish zurück, kannst du genau dieses Artifact nicht wieder veröffentlichen. Lass Claude die Seite dann neu als Artifact ausgeben und veröffentliche das. Es bekommt einen eigenen Link.

  • Kontrolle: Öffne den Link in einem privaten Browserfenster. So siehst du die Seite wie ein Unternehmen, das nicht bei Claude angemeldet ist.

Eigene AdresseLeg die Seite bei Netlify ab

  1. Lade die Seite im Artifact-Fenster herunter: über die Leiste oben im Fenster, bei einem Design über Export als HTML. Du bekommst eine HTML-Datei.
  2. Benenn die Datei in index.html um. Netlify nimmt diese Datei als Startseite. Blendet dein Explorer Dateiendungen aus, gib nur index ein, sonst entsteht index.html.html.
  3. Leg auf netlify.com ein kostenloses Konto an und melde dich an.
  4. Öffne app.netlify.com/drop und zieh die Datei auf die Seite.
  5. Gib dem Projekt einen Namen: Project Overview, dann Customize und Manage project name and cover image. Die Adresse lautet danach name.netlify.app.

Wichtig: Bei neuen Netlify-Konten starten Projekte meist privat. Dann siehst nur du die Seite. Klick nach dem Hochladen auf Make public, oder stell sie unter Project configuration, General, Visitor access, Project visibility auf öffentlich.

  • Kontrolle: Öffne die Adresse in einem privaten Browserfenster. Siehst du deine Seite und keine Anmeldung, ist sie öffentlich.

Auf neuen öffentlichen Free-Projekten kann Netlify ein kleines Abzeichen „Powered by Netlify“ einblenden. Abschalten kannst du es unter Project configuration, General, Powered by Netlify badge.

Fertig

Deine Portfolio-Seite ist online

Schick den Link zusätzlich zu deiner normalen Bewerbung mit, zum Beispiel in der Mail oder im Lebenslauf.

Den nächsten Guide gibt’s mit dem nächsten Reel: @buildwith.enzo auf Instagram

  • Deine Seite zeigt zwei bis vier Projekte mit Aufgabe, Beitrag und Ergebnis.

  • Du hast geprüft: nichts Privates, nichts Vertrauliches, nichts Erfundenes, nichts offen.

  • Der Link öffnet die Seite auch ohne Anmeldung.

Wenn du mehr wissen willst

Was eine gute Portfolio-Seite zeigt, und welcher Weg zu dir passt

Mein Maßstab

Eine Portfolio-Seite sollte nicht einfach dein Lebenslauf mit schönerem Hintergrund sein. Ich würde lieber zwei bis vier Projekte zeigen und bei jedem beantworten: Was war die Aufgabe? Was hast du gemacht? Was kam dabei raus? Genau das kann eine normale Bewerbung oft nur schwer zeigen. Deshalb schick ich die Seite zusätzlich, nicht statt der Bewerbung.

Die Verbindung aus dem Reel

Im Reel sage ich, dass es mit einer zusätzlichen Verbindung geht. Gemeint ist Netlify: Der Connector steht offiziell im Verzeichnis von Claude. Für diesen Guide brauchst du ihn nicht, denn Claude veröffentlicht die Seite selbst, und für eine eigene Adresse reicht Netlify Drop. Dass der Connector die Seite direkt aus einem Chat im Browser online stellt, habe ich nicht getestet. Deshalb steht dieser Weg hier nicht als Anleitung.

Die zwei Wege im Vergleich

Link von ClaudeNetlify
Kontonur Claudezusätzlich Netlify, kostenlos
AdresseLink von Claude, nicht wählbarname.netlify.app, Name wählbar
Sichtbarsofort für jeden mit Linkbei neuen Konten erst, wenn du das Projekt öffentlich stellst
ZurücknehmenUnpublish, danach nur mit neuem Linkprivat stellen oder Projekt deaktivieren
Es klemmtHilfe

Claude zeigt nur Code im Chat, kein Fenster mit der Seite

Prüf die Einstellung aus Schritt 1. Ist sie an, schreib Claude: „Gib die Seite als Artifact aus.“

Zurück zu Schritt 1

Ich finde keinen Publish-Knopf

Zeigt das Artifact nur Share, ist es ein neues Artifact. Laut Anthropic öffnet ein geteiltes Artifact dann nur, wer ein Claude-Konto hat. Für Unternehmen nimm den Weg über Download und Netlify.

Mit einem Team- oder Enterprise-Konto kannst du Artifacts nicht öffentlich machen, nur intern teilen. Dann bleibt der Weg über Download und Netlify, sofern dein Konto den Download erlaubt. Die Einstellung aus Schritt 1 verwaltet dort meist der Owner deines Teams.

Claude baut sofort, ohne Rückfragen

Schreib: „Stopp. Stell mir zuerst die Rückfragen aus meinem Prompt.“ Beantworte sie dann wie in Schritt 3.

Auf der Seite steht noch [OFFEN]

Da fehlt Claude eine Angabe. Gib sie Claude im Chat, oder sag, dass dieser Teil wegfallen soll.

Die Netlify-Adresse zeigt eine Anmeldung statt meiner Seite

Das Projekt ist noch privat. Klick auf Make public oder stell es unter Project configuration, General, Visitor access auf öffentlich. Das geht, sobald die Seite einmal erfolgreich hochgeladen ist.

Zurück zu Schritt 5

Ich will die Seite wieder offline nehmen

Bei Claude: im Artifact-Fenster auf Unpublish. Bei Netlify: Projekt auf privat stellen oder unter Project configuration, General, Danger zone deaktivieren.

Quellen und StandBelege

Die Fakten zu Claude stammen aus dem Help Center von Anthropic, die zu Netlify aus der Dokumentation von Netlify. Prompt, Reihenfolge, Beispiel und Maßstab sind von mir.

A · Offizielle Quellen

Anthropic · „What are artifacts and how do I use them?“

  • „We no longer support artifacts without Code execution and file creation enabled in Settings > Capabilities (Free, Pro, Max)“
  • „Legacy artifacts: Use the controls at the top of the artifact panel to view the code, copy the content, or download it.“ (Stand 15.10.2026)
  • „Designs export as a .zip, PDF, PowerPoint, or standalone HTML […]“ (Stand 15.10.2026)

Einstellung aus Schritt 1, Websites als Artifact, Fenster neben dem Chat, Download im Artifact-Fenster. Dass die Einstellung bei Free, Pro und Max meist schon an ist, steht im Artikel „Create and edit files with Claude“ („enabled by default“). Abgerufen am 16.09.2026.

support.claude.com/en/articles/9487310 · support.claude.com/en/articles/12111783

Anthropic · „Publish and share artifacts“

  • „Publishing is available on Free, Pro, and Max plans.“
  • „Makes your artifact publicly available. Anyone with the link can view and interact with it.“
  • „Once you unpublish an artifact, you cannot publish that same artifact again.“

Veröffentlichen, Sichtbarkeit, Code-Kopie für Claude-Nutzer, Unpublish, kein öffentliches Teilen in Team und Enterprise. Abgerufen am 16.09.2026.

support.claude.com/en/articles/9547008

Anthropic · „Share artifacts“, Stand 15.10.2026

  • „Legacy artifacts show "Publish" or "Share & copy link" instead of "Share."“
  • „People without one can't open a shared artifact, even with the link. The only exception is a legacy artifact published from a chat.“

Derselbe Hilfeartikel heißt inzwischen „Share artifacts“. Publish gibt es nur noch für ältere Artifacts aus dem Chat; neue teilst du mit Share, und den Link öffnet nur, wer ein Claude-Konto hat. Abgerufen am 15.10.2026.

support.claude.com/en/articles/9547008

Anthropic · „What kinds of documents can I upload to Claude.ai?“

„For non-PDF documents: Claude extracts text only from these files.“

Upload über „+“ und „Add files or photos“, PDF und DOCX. Abgerufen am 16.09.2026.

support.claude.com/en/articles/8241126

Anthropic · Connector-Verzeichnis, Netlify

„Create, deploy, and manage websites on Netlify.“

Der Netlify-Connector ist offiziell im Verzeichnis gelistet. Abgerufen am 16.09.2026.

claude.com/connectors/netlify

Netlify · „Deploy your Claude artifacts to Netlify“ und Dokumentation

  • „in the lower-right of the artifact window, use Download to save the .html file (or Copy the code into a file named index.html).“
  • „Make sure the folder has an index.html at its root. That file becomes your homepage. Go to app.netlify.com/drop and drag the file or folder onto the page.“
  • „Teams created on or after July 28, 2026 start with this default setting: Private for new projects.“
  • „you can change the name of your site to change this Netlify subdomain.“

Weg über Netlify Drop, private Voreinstellung und Freigabe, Projektname, Badge „Powered by Netlify“, Deaktivieren. Abgerufen am 16.09.2026.

netlify.com/knowledge-base · docs.netlify.com, Project visibility · docs.netlify.com, Project name · docs.netlify.com, Badge

B · Was hier bewusst nicht steht

Angaben ohne Beleg

Eine eigene Domain für veröffentlichte Artifacts, ob Suchmaschinen sie finden und ob Personalabteilungen Portfolio-Links tatsächlich öffnen. Dazu die Veröffentlichung über den Netlify-Connector direkt aus dem Browser-Chat: Netlify beschreibt sie, getestet habe ich sie nicht. Keine davon steht hier als Tatsache.

C · Eigener Test

Stand des Tests, 16.09.2026

Den Prompt habe ich mit einem ausgedachten Lebenslauf getestet, mit Claude Sonnet in Claude Code, nicht in claude.ai. Claude hat zuerst vier Projekte vorgeschlagen und fünf Rückfragen gestellt. Mit der heutigen Fassung des Prompts hat Claude eine interne Zahl aus meinen Antworten nicht übernommen, sondern zuerst gefragt, ob sie öffentlich sein darf. Das habe ich in einem Lauf getestet; mit einer schwächeren Fassung stand die Zahl auf der Seite. Danach kam eine einzelne HTML-Datei ohne externe Inhalte, ohne Adresse, Telefonnummer, Geburtsdatum, Familienstand, Note und ohne Hinweis auf einen Wechsel. Die fehlende Angabe stand als [OFFEN] da. Eine Aufgabe, die ich nicht genannt hatte, hat Claude aus meinem Beitrag umformuliert, statt sie offen zu lassen. Genau dafür ist die Prüfung in Schritt 4 da. Nicht getestet: Upload, Artifact-Fenster, Veröffentlichen und Netlify Drop in einem echten Konto.

Wenn du noch Lust hast

Meine anderen Reels