Editorial Studio SaaSv1.0.6
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads1 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine editoriale Marketing-Website für Software für Kreativproduktion: ein zurückhaltender, geteilter Hero in tiefem Navy mit Serif-Headline und einem dokumentarischen Studiofoto, dessen Play-Button einen funktionierenden Review-Raum öffnet. Ein Kobalt-Akzent, schräge Abschnittskanten und Produkt-Screens tragen die Geschichte durch Workflow-Tabs, Versionsvergleich, ein Bento der Funktionen, eine Kundengeschichte, Freigabe per Smartphone, Sicherheit, Preise und FAQ, dazu Unterseiten für Kundengeschichte, Preise, Changelog, Login, Testphase, Demo-Buchung und Rechtliches. Alles kommt als eine eigenständige Datei, die offline funktioniert.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein geteilter Hero in tiefem Navy mit Serif-Headline und einem dokumentarischen Foto, dessen Play-Button einen Review-Raum öffnet, der einen Freigabezyklus abspielt
- Abschnitte der Startseite in wechselnden Layouts: Workflow-Tabs, Slider für den Versionsvergleich, Bento der Funktionen, Kundengeschichte mit Kennzahlen, Freigabe per Smartphone, Sicherheit, Preise und FAQ
- Unterseiten für Kundengeschichte, Preise, Changelog, Login, Testphase, Demo-Buchung und Rechtliches, mit einer einheitlichen Fotowelt, in einer Offline-Datei
Passt gut für
- Kreativsoftware für Studios und Markenteams, etwa Tools für Review, Freigabe, Assets oder Produktion, die einen bildgeführten, editorialen Look will
- Teams, die eine vollständige Launch-Website mit Preisen, Changelog und funktionierenden Formularen für Testphase und Demo brauchen, nicht nur eine Landing Page
- Produkte, die Arbeit durch Phasen wie Briefing, Review, Freigabe und Auslieferung führen, die die Seite Schritt für Schritt zeigen kann
Nicht geeignet für
- Marken, die eine dunkle Website oder einen Dark Mode wollen: Die Seite ist hell mit drei bewusst gesetzten Navy-Bändern
- Produkte ohne visuellen oder dokumentbasierten Workflow zum Zeigen: Der Review-Raum mit Frames, Pins und Freigaben ist das Herzstück
- Echte Konten, Abrechnung oder Buchungen: Login, Testphase, Demo-Buchung und E-Mail-Formulare validieren und bestätigen nur auf der Seite
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisBildgeführtTiefblauEditoriale SerifStudio-SaaS
Über diesen Skill
Editorial Studio SaaS baut eine bildgeführte Marketing-Website für Software für Kreativproduktion, bei der das Produkt die Geschichte erzählt. Ein zurückhaltender Hero in tiefem Navy, eine Serif-Headline, ein Kobalt-Akzent und schräge Abschnittskanten geben den Ton vor, und ein Review-Raum mit Frames, Pins, Kommentaren und Freigaben zieht sich durch die Seite. Das Beispiel ist Prismade, ein fiktiver Produktions-Workspace, den ein Studio namens Oddfield nutzt.
Das bekommst du
- Einen geteilten Hero, dessen Play-Button den Review-Raum öffnet, der einen Freigabezyklus abspielt und Replay anbietet
- Abschnitte der Startseite in wechselnden Kompositionen: Workflow-Tabs, Versionsvergleich mit angehefteten Notizen, ein Bento der Funktionen, ein Navy-Band mit Kundengeschichte und hochzählenden Kennzahlen, Freigabe per Smartphone, Kundenstimmen, Sicherheit, Preise mit Abrechnungs-Toggle und Platz-Stepper sowie FAQ
- Unterseiten: Kundengeschichte, Preisdetails, Changelog, Login, Registrierung zur Testphase, Demo-Buchung mit Terminauswahl, Datenschutz, AGB und eine Not-found-Seite
- Eine einheitliche Fotowelt für Produkt, Story und Porträts, zusammen mit den Schriften eingebettet in eine Datei, die in jedem Browser öffnet und offline funktioniert
So nutzt du es
- Gib deinen Produktnamen, die Zielgruppe, ein einzeiliges Versprechen, echte Funktionen und Belege, Tarife und den einen Haupt-Call-to-Action an.
- Dein Agent ordnet die Workflow-Phasen deinem Produkt zu, plant und generiert die Fotos und baut jeden Abschnitt und jede Seite mit deinen Texten.
- Öffne die Datei, spiel den Review-Raum ab, klick dich durch alle Tabs und Formulare und beschreibe Änderungen in eigenen Worten.
Fotos kommen vom Bildtool deines Agenten, für das dessen Nutzungskosten anfallen können, oder aus deiner eigenen Bibliothek. Belege, die du nicht lieferst, werden als Platzhaltertext gekennzeichnet, den du ersetzen kannst.
Was du vorab brauchst
- Du bringst mit
- Produktname, Zielgruppe, ein einzeiliges Versprechen und der Haupt-Call-to-Action · Echte Funktionen, Workflow-Phasen, Tarife und Preise · Kundenbelege und eigene Fotos (optional; fehlende Belege werden als Platzhalter gekennzeichnet)
- 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 Kampagnen-, Team- und Porträtfotos (optional, wenn du eigene Fotos lieferst)
- Externe Kosten
- Der Agent generiert die Fotos der Website mit seinem eigenen Bildtool, für das dessen Nutzungskosten anfallen können. Du kannst stattdessen eigene Fotos liefern. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …