Das bekommst du
- Eine Offline-HTML-Datei oder dieselben Seiten als Komponenten in deinem Projekt
- Startseite, Berufserfahrung, eine Seite pro Position, Ausbildung, Skills und Tools, Projekte mit Filtern, Fallstudien, Referenzen und Kontakt
- Ein einseitiger Lebenslauf, der sauber druckt
- Ein Validator, der defekte Routen, fehlende Alt-Texte und übrig gebliebene Beispielnamen findet
- Optionale PopNow-Fotos oder ein freigestellter Porträt-Sticker, vorher beziffert
Gut für
- Designer und Kreative auf Jobsuche
- Studierende und Absolventen, die einen Lebenslauf mit Persönlichkeit wollen
- Freelancer, die Fallstudien auf einer warmen persönlichen Website zeigen wollen
Nicht für
- Formelle Branchen, in denen ein schlichter einspaltiger Lebenslauf erwartet wird
- Entwickler, die ein dunkles, code-lastiges Portfolio wollen
- Websites, die einen Blog oder Shop brauchen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Portfolio-Website im Scrapbook-Stil“ (scrapbook-resume-website) dafür: Erstelle meine Lebenslauf-Website. Ich bin Lina Okoro, Verpackungsdesignerin in Lissabon, mit drei Jobs und vier Projekten; meine Notizen stehen in cv.md.
In einem Coding-Agent
/popnow-scrapbook-resume-website Erstelle meine Lebenslauf-Website. Ich bin Lina Okoro, Verpackungsdesignerin in Lissabon, mit drei Jobs und vier Projekten; meine Notizen stehen in cv.md.
Dann probier
Stell mich aus me.jpg frei und kleb mich wie einen Sticker auf den Ausweis. Nenn mir vorher den Preis.
Streich die Referenzseite und füge eine Seite für meine Illustrationsarbeiten hinzu.
Das solltest du bereithalten
- Deine Positionen, Zeiträume und was sich in jedem Job verändert hat
- Drei oder vier Projekte mit echten Fakten und Fotos, falls vorhanden
- Ein Porträt und ein ungestelltes Foto von dir
- Zitate von Kollegen, mit ihrer Erlaubnis
Ähnliche Skills
Alle ansehen →3D-Avatar-Maker
+3Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
Kalender-Heatmap
+3Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
KI-SaaS-Landingpage
+3Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
Animierte Hero-Section
+3Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
Shader-Hero-Website für Agenturen
+3Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
Dunkle SaaS-Landingpage
+3Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
Designer-Portfolio-Website
+3Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
Entwickler-Portfolio-Website
+3Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
Redaktionelle SaaS-Website
+3Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
Glassmorphism-Website-Vorlage
+3Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
Website für Hardware-Produkte
+3Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
Interaktives Architekturdiagramm
+3Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
Interaktiver Raster-Hero
+3Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
Knowledge-Graph-Explorer
+3Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
KPI-Dashboard-Vorlage
+3Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
Landingpage aus KI-Mockups
+3Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
Magazin-Website-Vorlage
+3Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
Partikel-Animations-Hero
+3Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
Persönliche Marken-Website
+3Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
Kinoreife Produkt-Launch-Seite
+3Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
Admin-Dashboard-Vorlage
+3Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
SaaS-Landingpage-Vorlage
+3Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
Sneaker-Shop-Website-Vorlage
+3Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
Landingpage für Workflow-Automatisierung
+3Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Können Recruiter es lesen?
Ja. Der Papier-Look ist mit HTML und CSS gezeichnet, jedes Wort ist also echter Text, den man markieren, durchsuchen und drucken kann, und es gibt eine schlichte einseitige Lebenslauf-Route zum Drucken oder Speichern als PDF.
Brauche ich PopNow dafür?
Nein. Die Website funktioniert mit deinen eigenen Fotos oder mit den mitgelieferten Platzhalterbildern. PopNow ist optional für Projektfotos, Arbeitsplatzszenen, ein neu gestaltetes Porträt oder einen freigestellten Porträt-Sticker, jeweils vorher in Credits beziffert.
Kann es ein Foto von mir erzeugen?
Es erfindet dein Gesicht nicht. Es kann ein Foto, das du lieferst, mit deiner Zustimmung an den warmen Tageslicht-Look der Website anpassen oder dich daraus freistellen, sodass du wie ein Sticker auf dem Papier sitzt.
Was, wenn ich nur zwei Jobs und keine Referenzen habe?
Die Anzahl ist flexibel. Der Skill entfernt ungenutzte Positionsseiten und die Referenzseite samt allen Links dorthin und schreibt jeden Text um, der eine Zahl nennt.