Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Bildern, ohne Netzwerkanfragen
- Startseite im Plakatstil mit Porträt, Klammer, gepaarten Aussagen und gespiegelten Beschriftungen
- Angebotsseiten mit Honoraren und Wochenstufen, Fallstudien mit Ergebnissen, vollständige Essays, Über mich, Kontakt und Datenschutz
- Eine Prüfung für Links, Routen, Formularbeschriftungen, die Hero-Elemente und übrig gebliebenen Beispieltext
- Optional Neuausleuchtung des Porträts, Stillleben, eine Studioschleife und eine Social Card von PopNow nach einem Credit-Angebot
Gut für
- Berater, Strategen und Coaches, die wenige feste Angebote verkaufen
- Designer, Fotografinnen, Coaches und Redner
- Freelancer, die über Empfehlungen Aufträge gewinnen und Fallstudien brauchen
Nicht für
- Unternehmen mit Team und vielen Produkten
- Bildraster-Portfolios mit Dutzenden Projekten
- Dunkle oder grell farbige Marken
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Persönliche Marken-Website“ (personal-brand-website) dafür: Baue meine Seite. Ich bin Lena Hart, Preisberaterin für kleine Softwarefirmen. Angebote: ein zweiwöchiges Preis-Audit (4.800 $) und ein vierteljährliches Beratungs-Retainer. Fallstudien: eine Buchhaltungs-App und ein Terminplaner.
In einem Coding-Agent
/popnow-personal-brand-website Baue meine Seite. Ich bin Lena Hart, Preisberaterin für kleine Softwarefirmen. Angebote: ein zweiwöchiges Preis-Audit (4.800 $) und ein vierteljährliches Beratungs-Retainer. Fallstudien: eine Buchhaltungs-App und ein Terminplaner.
Dann probier
Nenn mir vorher den Preis, wenn mein Foto für den Hero auf einen schlichten warmen Hintergrund neu ausgeleuchtet wird.
Mach aus Schreiben Vorträge und stell meine Keynote als Hauptbeitrag heraus.
Das solltest du bereithalten
- Dein Name, dein Fachgebiet und der eine Satz, den Kunden wiederholen sollen
- 2 bis 4 Angebote mit Honoraren und 2 bis 4 Fallstudien mit echten Ergebnissen
- Zwei Fotos von dir auf schlichtem Hintergrund
- Optional: einen PopNow-API-Schlüssel und dein DESIGN.md
Ä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.
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.
Portfolio-Website im Scrapbook-Stil
+3Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
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
Brauche ich ein professionelles Fotoshooting?
Nein. Zwei klare Fotos von dir reichen. Der Hero verwischt das Porträt in die Seite, daher funktioniert eine schlichte Wand, und PopNow kann dein eigenes Foto auf den warmen Hintergrund neu ausleuchten oder vor einem unruhigen Hintergrund freistellen, jeweils vorher angeboten.
Erfindet es Kunden oder Ergebnisse für mich?
Nein. Kundennamen, Zitate, Zahlen und Honorare kommen von dir. Alles, was der Skill entwerfen musste, steht in der Übergabenotiz, damit du es bestätigen, ersetzen oder entfernen kannst.
Ich bin Coach, kein Strategieberater. Passt die Struktur trotzdem?
Ja. Der Anpassungsleitfaden bildet die Seiten für Coaches, Fotografinnen, Redner, Berater und Freelancer ab: Angebote werden zu Programmen oder Aufträgen, Fallstudien zu anonymisierten Geschichten oder Projekten, Schreiben zu Vorträgen oder einem Journal.
Kann ich es in meine Next.js- oder Astro-Seite einbauen?
Ja. Ohne Projekt baut es eine Offline-HTML-Datei; mit Projekt portiert es die Seiten als echte Routen und Komponenten, und in React-Ausgaben werden ReUI-Bedienelemente genutzt.