Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Fotos oder eine Portierung nach Next.js, React, Vue oder Astro
- Startseite, Storys, Artikelseiten, Themen mit Print-Archiv und eine gestaltete 404
- Shop mit Heft-Covern und gerahmten Drucken, Warenkorb, Demo-Checkout und Abo-Tarifen
- Seiten für Über uns, Kontakt, Newsletter, FAQ, Versand und Rechtliches
- Ein Validator für Links, Struktur, Offline-Sicherheit und übrig gebliebene Beispielnamen
Gut für
- Unabhängige Magazine, Vierteljahreshefte und Newsletter
- Journale von Studios oder Manufakturen mit kleinem Shop
- Reise-, Stadtführer- und Food-Marken, die Geschichten veröffentlichen
Nicht für
- Nachrichtenseiten, die mehrmals täglich veröffentlichen
- Blogs, die von Anfang an ein Content-Management-System brauchen
- Dunkle, laute oder stark animierte Markenauftritte
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Magazin-Website-Vorlage“ (magazine-website) dafür: Baue eine Website für Tidelines, ein halbjährliches Printjournal über kleine Hafenstädte, mit fünf Geschichten, einem Shop für ältere Ausgaben und einem Jahresabo.
In einem Coding-Agent
/popnow-magazine-website Baue eine Website für Tidelines, ein halbjährliches Printjournal über kleine Hafenstädte, mit fünf Geschichten, einem Shop für ältere Ausgaben und einem Jahresabo.
Dann probier
Plane die Story-Fotos stattdessen in kühlem nordischem Licht und nenn mir den Preis, bevor du etwas erzeugst.
Zieh die Website in mein Astro-Projekt um und behalte die Artikel als Markdown.
Das solltest du bereithalten
- Name der Publikation, Zielgruppe und etwa sieben Themen
- Mindestens drei Geschichten mit Titel, Zusammenfassung und Text
- Produkte, Tarife und Versandkosten, falls du etwas verkaufst
- Deine Fotos oder einen PopNow-API-Schlüssel, um sie zu erzeugen
Ä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.
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.
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
Läuft es ohne Backend?
Ja. Standardmäßig entsteht eine einzelne HTML-Datei. Suche, Filter, gemerkte Geschichten und der Warenkorb funktionieren im Browser; Checkout, Abos und Formulare zeigen klare Demo-Bestätigungen, bis du echte Dienste anbindest.
Was erzeugt PopNow hier?
Story-Fotos, Stillleben für Cover und Platzhalter-Porträts fürs Impressum, alles in einer Bildsprache. Cover und Drucke werden in HTML zusammengesetzt, Bilder brauchen also nie Text. Jeder Lauf wird vorher beziffert und startet erst nach deiner Zustimmung.
Passt es zu einem Unternehmen, das kein Magazin ist?
Oft. Geschichten werden zu Journal-Einträgen, Guides oder Herkunftsberichten, Themen zu Techniken, Vierteln oder Regionen, und das Abo wird zu einer Mitgliedschaft oder einem Lieferplan.
Was passiert mit den Beispielinhalten des Magazins?
Sie werden ersetzt. Der Validator schlägt fehl, wenn noch ein Beispielname, eine Person, ein Händler, ein Ort oder ein Story-Titel auf der Seite steht, und alles, was der Skill erfinden musste, wird dir aufgelistet.