Skillry Pick
Scattered-Cards-Magazinv1.0.2
Nutze diesen Skill für: Blog erstellen.
Beliebt
5.0111 Downloads4 Likes4-mal gemerkt
Kostenlos
Baue die Website eines unabhängigen Magazins auf weißem, redaktionellem Grund: ein Hero aus fünf aufgefächerten, gedrehten Papier-Storykarten, eine kräftige Serifen-Headline, ein liniertes, nummeriertes Themenverzeichnis, großzügige Fotoraster für Geschichten und Longform-Artikelseiten mit Initialen, Pull Quotes und einem Faktenkasten. Themenarchive, ein Shop für Ausgaben und Drucke mit Warenkorb und Checkout, Abos mit Geschenkoptionen sowie Seiten für Über uns, Kontakt, FAQ, Versand und Rechtliches sind verknüpft. Das Ergebnis ist eine eigenständige Datei, die in jedem Browser öffnet und offline läuft.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine vollständige Magazin-Website: Startseite, Geschichten, Longform-Artikel, Themen mit Archiven, Shop und Produktseiten, Warenkorb, Checkout, Abo, Über uns, Kontakt, FAQ, Newsletter, Versand und Rechtliches
- Der redaktionelle Look: fünf verstreute Storykarten im Hero, ein liniertes Themenverzeichnis mit Vorschaubildern beim Hover, asymmetrische Fotoraster, eine randlose Titelgeschichte und eine Lesespalte in Serifenschrift
- Funktionierende Elemente: Such-Overlay, Filter für Geschichten mit Raster- oder Verzeichnisansicht, gemerkte Geschichten, Druckoptionen mit gerahmter Vorschau, eine Warenkorb-Schublade, Checkout-Validierung und Geschenkabos
Passt gut für
- Unabhängige Magazine, Journale und Newsletter, die lange Texte veröffentlichen und online ein ruhiges, fotografisches Zuhause möchten
- Manufakturen, Studios, Reise- oder Food-Marken, die ein Journal mit einem kleinen Shop und einem Abo oder einer Mitgliedschaft verbinden
- Redaktionen, die Geschichten, Themen, Produkte und Tarife als einfache Sammlungen pflegen möchten, aus denen jede Seite gerendert wird
Nicht geeignet für
- Nachrichtenseiten oder Blogs mit hohem Volumen: Das Layout bevorzugt wenige lange Texte pro Ausgabe gegenüber einem ständigen Feed
- Marken, die knallige Farben oder ein dunkles Theme möchten: Der Look ist ein weißer, redaktioneller Grund mit zurückhaltender Fotografie
- Echte Zahlungen oder E-Mails: Checkout und Formulare validieren und bestätigen auf der Seite, behaupten aber nie eine Belastung oder versendete Nachricht
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseBlog erstellenStil fixiertBearbeitbares ErgebnisArtikeltextEditorialer FächerEditorial-HeroThemenindex
Über diesen Skill
Scattered-Cards-Magazin baut die Website eines unabhängigen Magazins: ein weißer, redaktioneller Grund, ein Hero aus aufgefächerten, gedrehten Papier-Storykarten, ein liniertes Themenverzeichnis und Longform-Artikelseiten, dazu Shop-, Abo- und Hilfeseiten, die eine echte Publikation braucht. Das Beispiel ist Ferrow, ein fiktives Quartalsmagazin über Orte, Objekte und Menschen, mit 36 verknüpften Seiten.
Das bekommst du
- Eine Startseite mit dem Kartenfächer-Hero, Themenverzeichnis, einem Ausgabenraster, einer randlosen Titelgeschichte, einem Karussell, einem Ausgabenband, Kennzahlen, Leserbriefen und einer Newsletter-Anmeldung
- Longform-Artikelseiten mit Initiale, Pull Quote, Faktenkasten, Lesefortschritt und nächster Geschichte, dazu Themenseiten mit einem Archiv der Printausgaben
- Ein Shop für Ausgaben, Drucke und Notizbücher mit preisrelevanten Optionen, einer Warenkorb-Schublade, einer Warenkorbseite und einem Checkout mit Validierung
- Abos mit Jahreslaufzeiten und Geschenkangaben, eine Über-uns-Seite mit Impressum der Redaktion, Kontakt, FAQ, Newsletter, Versand, Datenschutz, AGB und eine 404-Seite
- Zwei Webfonts und nach Rolle geplante Fotos, eingebettet in eine Datei, die offline funktioniert
So nutzt du es
- Teile den Namen deiner Publikation, Themen, eine Handvoll Geschichten, eventuelle Produkte und dein Abo-Angebot mit.
- Dein Agent ordnet sie Geschichten, Themen und Shop zu, legt eine Art Direction fest, generiert die Fotos und füllt jede Seite.
- Öffne die Datei, lies eine Geschichte, leg etwas in den Warenkorb, geh den Checkout durch und beschreib Änderungen in einfachen Worten.
Die Fotos stammen aus dem Bildtool deines Agenten, das Nutzungskosten verursachen kann, oder aus deiner eigenen Bibliothek. Checkout und Formulare bestätigen auf der Seite und behaupten nie, dass eine Zahlung oder E-Mail durchgegangen ist.
Was du vorab brauchst
- Du bringst mit
- Name der Publikation oder Marke, Zielgruppe und ein kurzes Statement · Themen und einige Geschichten mit Titeln, Orten und Zusammenfassungen · Produkte, Preise, Abo-Bedingungen und Versanddetails (optional; fehlende Fakten werden zu aufgelisteten Platzhaltern)
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildtool in deinem Agenten für Story-, Produkt- und Porträtfotos (optional, wenn du eigene Fotos lieferst)
- Externe Kosten
- Story-, Produkt- und Porträtfotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Du kannst stattdessen eigene Fotos liefern. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …