Vaultic Fintech-Landing-Pagev1.0.6
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads1 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine ausgefeilte, primär helle Fintech-Marketing-Website: ein ruhiger, zentrierter Hero mit einem einzigen tiefnavyblauen Button über einer funktionierenden Produktansicht mit vier Ansichten (Überweisungen, Konten, Hauptbuch, Karten) und einem überlappenden Code-Panel, auf einem dezenten Raster aus Pluszeichen. Es folgen ein Feature-Akkordeon, ein Plattform-Bento, ein Explorer für Zahlungswege, ein Entwickler-Quickstart, eine Kundenstory, Sicherheit, Preise mit Nutzungsrechner, FAQ und ein navyblaues Launch-Band, dazu Registrierungs-, Vertriebs-, Changelog-, Trust- und Rechtsseiten in hellem und dunklem Theme.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine fertige Beispiel-Website für Vaultic und den Beispielkunden Haulstead: die Landing Page plus Registrierung, Anmeldung, Vertriebskontakt, Changelog, Kundenstory, Sicherheit, Über uns, Datenschutz, AGB und eine 404-Seite.
- Live-Produktansichten statt Screenshots: Überweisungen anlegen, Diagrammzeiträume wechseln, ausgeglichene Hauptbuchbuchungen erfassen und Kartenautorisierungen simulieren, mit einem Code-Panel, das jeden API-Aufruf zeigt.
- Deine Website als eine Offline-Datei mit eingebetteten Schriften Manrope und JetBrains Mono, hellem und dunklem Theme, einer kleinen Auswahl generierter Fotos und den Stilregeln, nach denen dein Agent baut.
Passt gut für
- Startups für Zahlungen, Banking-as-a-Service, Treasury und Entwickler-APIs, die eine glaubwürdige Marketing-Website brauchen.
- Teams, die das Produkt in Aktion zeigen wollen, mit Preisen, Sicherheit und Entwickler-Quickstart auf derselben Seite.
- Builder, die zuerst eine fertige Datei prüfen wollen, mit der Option, sie in ihren eigenen Stack zu übertragen.
Nicht geeignet für
- Das Bewegen von echtem Geld: Produktansichten, Registrierungs- und Vertriebsformulare sind Demonstrationen mit Beispieldaten.
- Marken, die Violett, Verläufe oder einen leuchtenden Hero wollen; dieses Design setzt auf einen einzigen tiefnavyblauen Akzent auf Zinkgrau.
- Teams, die von Haus aus eine CMS-gesteuerte oder mehrsprachige Website brauchen.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenWebsite-Vorlage aufsetzenStil fixiertBearbeitbares ErgebnisConversion-fokussiertHell zuerstPlus-Raster-HintergrundNavy-AkzentProduktfoto-HeroZink-Neutraltöne
Über diesen Skill
Erzähl deinem Agenten von deinem Zahlungs- oder Banking-Produkt und bekomm eine ruhige, primär helle Fintech-Website zurück, auf der das Produkt selbst verkauft: eine zentrierte Headline in drei Takten, ein navyblauer Button und eine funktionierende Produktansicht mit überlappendem Code-Panel. Das Beispiel ist Vaultic, eine fiktive Banking-Infrastruktur-Plattform, mit Haulstead als Beispielkunde.
Das bekommst du
- Eine Landing Page mit Produkt-Tabs, Kunden-Laufleiste, Feature-Akkordeon, Plattform-Bento, Explorer für Zahlungswege, Quickstart, Kundenstory, Sicherheit, Preisen, FAQ und Launch-Band
- Seiten für Registrierung, Anmeldung, Vertriebskontakt, Changelog, Kundenstory, Sicherheit, Über uns, Datenschutz und AGB, dazu eine gestaltete 404-Seite
- Produktansichten, die funktionieren: Überweisung anlegen, Zeiträume wechseln, Hauptbuchbuchungen erfassen und Kartenautorisierungen simulieren
- Preise mit Abrechnungsschalter und Nutzungsrechner, vollständige helle und dunkle Themes sowie Schriften und Fotos eingebettet in einer Datei
So nutzt du es
- Nenne Produktname, Versprechen, die Objekte, die es verwaltet, Zahlungswege, Preise und deinen wichtigsten Call-to-Action.
- Dein Agent baut die Produkt-Tabs um deine Objekte herum neu, entwirft fehlende Fakten und listet sie auf und prüft beide Themes auf Desktop und Smartphone.
- Öffne die einzelne Datei, klick dich durch Tabs und Seiten und bitte in einfachen Worten um Änderungen.
Sicherheitsaussagen, Partnerbanken und Zertifizierungen erscheinen nur, wenn du sie bestätigst. Fotos, die mit dem Bildtool deines Agenten erstellt werden, können dessen Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Produktname, Versprechen in einem Satz und Zielgruppe · Die Objekte, die es verwaltet, unterstützte Zahlungswege und Preisstufen · Optional: bestätigte Sicherheitsfakten, Partnerbanken, eine Kundenstory und der wichtigste Call-to-Action
- 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 Bildgenerierungstool in deinem Agenten für Story-, Porträt- und Teamfotos (optional; ohne bleiben Platzhalter stehen)
- Externe Kosten
- Story-, Porträt- und Teamfotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne ein solches Tool markieren Platzhalter in passender Größe die Slots, die deine Fotos brauchen.
- Zuletzt getestet
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …