Skillry Pick
Quartz SaaS-Landing-Pagev1.0.4
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?Eine komplette Marketing-Website für ein KI-SaaS-Produkt in ruhigem Monochrom mit einem zurückhaltenden Blau. Ein ruhiger, zentrierter Hero sitzt über einem doppelt gerahmten Produkt-Dashboard, gefolgt von lebendigen Feature-Mockups, Schritt-Tabs, einer Kundenstory, einem Testimonial-Laufband, Sicherheit, Preisen mit Vergleichstabelle, FAQ und einem dunklen Registrierungsband über einem Footer mit riesiger Wortmarke. Seiten für Registrierung, Anmeldung, Demo-Buchung, Changelog, Kundenstory, Trust Center und Rechtliches sind enthalten, mit 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 komplette KI-SaaS-Website: Startseite plus Registrierung, Anmeldung, Demo-Buchung, Changelog, Kundenstory, Trust Center, Datenschutz, AGB und eine 404-Seite, mit hellem und dunklem Theme
- In Code gebaute Mockups, die sich bewegen: eine einmalige Freigabe im Hero-Dashboard, ein Chat-Replay, Kanalwechsel, ein Connector-Laufband und ein gepunkteter Globus
- Typografie in Onest und Geist Mono, ein einziges Blau für Bedienelemente, eine Pillen-Navigationsleiste und ein Footer mit riesiger Wortmarke, in einer Datei, die offline öffnet
Passt gut für
- Gründer und Indie Hacker, die ein KI- oder SaaS-Produkt launchen und eine glaubwürdige Website mit Wegen zu Testphase, Demo oder Warteliste brauchen
- Produktmarketer, die den modernen monochromen Startup-Look ohne Designteam wollen
- Entwickler-Tools und Terminplanungs-Apps, die ihre eigenen Begriffe auf Dashboard, Schalttafel und Schritte übertragen können
Nicht geeignet für
- Echte Authentifizierung oder Abrechnung: Formulare für Registrierung, Anmeldung und Demo validieren und bestätigen nur auf der Seite
- Marken, die einen lauten, bunten Look wollen; Quartz ist monochrom mit einem einzigen Blau für Bedienelemente
- Agenturen, Shops oder Veranstaltungsorte ohne Produktoberfläche zum Zeigen; die Seite ist um Produkt-UI herum gebaut
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisHell zuerstBento-MockupsFooter mit Riesen-WortmarkeMonochrom minimalPill-Navigation
Über diesen Skill
Beschreibe dein KI-Produkt und erhalte eine fertige Marketing-Website: eine ruhige, zentrierte Headline über einem doppelt gerahmten Produkt-Dashboard, Feature-Mockups, die sich wirklich bewegen, eine Kundenstory, Preise mit Vergleichstabelle und ein dunkles Registrierungsband. Registrierung, Anmeldung, Demo-Buchung, Changelog und Trust-Seiten sind verknüpft, und alles kommt als eine Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Einen Hero mit pulsierendem Raster und einem einzigen dezenten Statuswechsel im Dashboard, eine umklappende Logoreihe und ein Feature-Bento mit lebendigen Mockups
- Ein Feature-Raster mit acht Zellen, Schritt-Tabs vom Briefing bis zur Veröffentlichung, eine Kundenstory mit hochzählenden Werten und ein Testimonial-Laufband mit Pause-Steuerung
- Einen Sicherheitsblock, monatliche oder jährliche Preise mit Vergleichstabelle, FAQ und ein validiertes Registrierungsband
- Seiten für Registrierung, Anmeldung, Demo-Buchung, ein filterbares Changelog, Kundenstory, Trust Center, Rechtliches und 404, dazu helles und dunkles Theme
- Onest und Geist Mono samt allen Bildern eingebettet, sodass die Seite keine Netzwerkanfragen stellt
So nutzt du es
- Gib dem Skill deinen Produktnamen, ein Versprechen in einem Satz, vier Flaggschiff-Features, die Struktur deiner Preise und das Hauptziel: Testphase, Demo oder Warteliste.
- Er benennt jedes Panel mit den Begriffen deines Produkts um, entwirft fehlende Texte und listet sie zur Bestätigung auf.
- Öffne die Datei im hellen und dunklen Theme, teste jedes Formular und jede Route und wünsch dir Änderungen in eigenen Worten.
Fotos stammen aus dem Bildtool deines Agenten, für das eigene Nutzungskosten anfallen können.
Was du vorab brauchst
- Du bringst mit
- Produktname, ein Versprechen in einem Satz und das Hauptziel (Testphase, Demo oder Warteliste) · Vier Flaggschiff-Features, der Workflow in drei bis fünf Schritten und die Struktur deiner Preise · Optional: eine Kundenstory, Testimonials, Sicherheitsfakten und Changelog-Einträge, die du bestätigen kannst
- 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 Avatare, das Kundenstory-Porträt und Produktbilder; optional, wenn du eigene lieferst
- Externe Kosten
- Fotos, die du nicht mitlieferst, werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Die Produkt-UI ist in Code gebaut, und die fertige Seite stellt keine Netzwerkanfragen. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …