Skillry Pick
Obsidian Cinema Landing Pagev1.0.2
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.038 Downloads1 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine dunkle, cineastische Launch-Seite für ein Premiumprodukt, die wie ein Filmvorspann abläuft. Sie beginnt mit einer zentrierten Serifen-Titelkarte über langsamen Lichtbändern und einem einzigen Glas-Button, gefolgt von einem einzeiligen Manifest, Nahaufnahmen in Tabs, einer Nachtszene im Letterbox-Format, Reparierbarkeit und technischen Daten, einem Companion-App-Panel, einem buchbaren Showroom, einem Journal und einer leuchtenden Schlusseinladung mit funktionierendem Reservierungsformular. Warmes Champagner ist der einzige Akzent auf fast schwarzem Grund.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine komplette Launch-Seite: Titelkarten-Hero, Manifest, Feature-Tabs mit überblendenden Nahaufnahmen, Nachtszene, technische Daten, Companion-App, Showroom-Buchung, Journal und Reservierung
- Ein abgestimmtes Foto-Set in einem einheitlichen Lichtstil, mit langsamer Canvas-Bewegung hinter Glas, die außerhalb des sichtbaren Bereichs pausiert und bei reduzierter Bewegung stillsteht
- Funktionierende Abläufe: Showroom-Buchung nach Stadt, Tag und Uhrzeit, eine Reservierung mit Zusammenfassung von Ausführung und Anzahlung, Kontakt und Newsletter, alles in einer Offline-Datei
Passt gut für
- Premium-Marken für Hardware, Audio, Mode und Lifestyle, die die Energie eines Launchfilms ins Web bringen wollen
- Vorbestellungs-, Wartelisten- und Reservierungsseiten, auf denen ein Hero-Produkt und eine Preisangabe die Geschichte tragen
- Boutique-Hotels und hochwertige Dienstleistungen, die Zimmer oder Abläufe in Feature-Tabs und Buchungspanel übertragen können
Nicht geeignet für
- Helle, freundliche Consumer-Apps; der Stil ist bewusst dunkel und theatralisch
- Einen echten Checkout: Das Reservierungsformular validiert und bestätigt, für eine Anzahlung brauchst du aber deinen eigenen Zahlungsanbieter
- Marken, die Bewertungen oder Wände mit Presse-Logos brauchen; die Seite schafft Vertrauen stattdessen mit technischen Daten, Richtlinien und Abläufen
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenBearbeitbares ErgebnisConversion-fokussiertVisuell ausgefeiltGlas-NavigationSerif-DisplayDunkel-cinematischProzedurales CanvasLeuchtender CTA
Über diesen Skill
Gib dem Skill dein Produkt und eine Preisangabe und erhalte eine Launch-Seite, die wie ein Filmvorspann abläuft: fast schwarzer Grund, ein einziger warmer Champagner-Akzent, übergroße Bodoni-Headlines und Fotos, die von einem einzigen Führungslicht beleuchtet sind. Jeder Call to Action ist echt, von der Buchung eines Showroom-Besuchs bis zur Reservierung, und die Seite kommt als eine Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Ein zentrierter Titelkarten-Hero, ein Manifest in einem Satz und eine Feature-Karte mit Tabs und überblendenden Nahaufnahmen
- Eine Nachtszene im Letterbox-Format, ein Abschnitt zu Reparierbarkeit und technischen Daten und ein Companion-App-Panel über langsamer prozeduraler Bewegung
- Ein Showroom-Panel mit Buchung nach Stadt, Tag und Uhrzeit und ein Journal, dessen Einträge sich als Leseansichten öffnen
- Eine leuchtende Schlusseinladung mit Reservierungsformular für Ausführung, Kontaktdaten und Land, dazu Richtlinienseiten und ein Newsletter
- Bodoni Moda und Instrument Sans zusammen mit allen Fotos eingebettet, sodass die Seite keine Netzwerkanfragen stellt
So nutzt du es
- Teile Markenname, Produkt, Preis- oder Verfügbarkeitsangabe, wo man es ausprobieren kann, und die Richtlinien, die Vertrauen schaffen.
- Der Skill plant das Foto-Set, schreibt die Texte in einer knappen, souveränen Tonalität und listet alle von ihm entworfenen Fakten zur Bestätigung auf.
- Öffne die Datei, probiere jeden Tab, jede Ansicht und jedes Formular aus und bitte in einfachen Worten um Änderungen.
Fotos kommen aus dem Bildtool deines Agenten, das eigene Nutzungskosten haben kann; ohne ein solches Tool greifen die Bildplätze auf Canvas-Szenen zurück.
Was du vorab brauchst
- Du bringst mit
- Markenname, Produkt und Kategorie sowie eine Preis- oder Verfügbarkeitsangabe · Wie man es ausprobiert oder kauft (Showrooms, Demo, Warteliste) und vertrauensbildende Richtlinien wie Anzahlung, Garantie und Versand · Optional: eigene Produktfotos oder Markenfilmmaterial
- 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 das Produkt-Foto-Set; optional, da du Fotos liefern oder die Canvas-Szenen behalten kannst
- Externe Kosten
- Fotos werden mit dem eigenen Bildtool deines Agenten generiert, was dessen Nutzungskosten verursachen kann; du kannst stattdessen eigene liefern. Ohne Fotos greifen die Bildplätze auf integrierte Canvas-Szenen zurück, und die fertige Seite stellt keine Netzwerkanfragen.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …