Loopwise-SaaS-Landing-Pagev1.0.6
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.033 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine ruhige, helle Marketing-Website für ein Kollaborations- oder Projektmanagement-Produkt, bei der das Produkt selbst der Hero ist. Unter einer zentrierten zweizeiligen Headline liegt ein lebendiges Projekt-Board, das du auf Timeline und Liste umschalten kannst, gefolgt von funktionierenden Workflow-Panels, einem Feature-Bento, Reporting, einer Kundengeschichte, Sicherheit, Preisen, FAQ und Artikeln. Preisvergleich, Blog, Changelog, Über uns, Kontakt, Anmeldung, Registrierung und Rechtsseiten sind enthalten, dazu ein vollständiges Dark Theme.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine vollständige SaaS-Website: Startseite plus Preisvergleich, ein Blog mit sieben vollständigen Artikeln, Changelog, Über uns und Karriere, Kontakt, Anmeldung, Registrierung, Passwort-Reset, Rechtliches und 404
- In Code gezeichnete Produkt-UI, die reagiert: Board-, Timeline- und Listenansicht, Filter-Chips, eine Abhängigkeits-Demo, ein Zeitraumumschalter für den Digest und Risiko-Ausgleich mit Rückgängig-Funktion
- Der Loopwise-Look: weißer Grund mit zarten Himmelblau-, Mint- und Pfirsichverläufen, feiner Körnung, schiefergrauer Schrift und einem einzigen blauen Akzent, in einer Offline-Datei
Passt gut für
- Teams, die ein Projektmanagement-, Kollaborations- oder Produktivitätsprodukt launchen und schnell eine glaubwürdige Website brauchen
- Anbieter von Helpdesk-, CRM- und Developer-Tools, die Board, Digest und Risikozeilen nach ihren eigenen Objekten umbenennen können
- Marketer, die Blog-, Changelog- und Vergleichsseiten wollen, die bereits zur Startseite passen
Nicht geeignet für
- Eine CMS-gestützte oder mehrsprachige Website; Artikel und Changelog-Einträge liegen als statischer Inhalt in der Seite
- Marken, die standardmäßig einen dunklen oder lauten Look wollen; Loopwise ist zuerst hell, mit Dark Mode als Option
- Echte Registrierungen: Auth- und Kontaktformulare validieren und bestätigen auf der Seite und brauchen dein eigenes Backend
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenWebsite-Vorlage aufsetzenStil fixiertBearbeitbares ErgebnisConversion-fokussiertDashboard-HeroHell zuerstAbgerundete KartenLaufschrift-AnimationKörnige RauschtexturPastell-Verlaufsschleier
Über diesen Skill
Beschreibe dein Produkt und erhalte eine ruhige, helle Marketing-Website, auf der das Produkt der Hero ist: eine zentrierte zweizeilige Headline über einem lebendigen Projekt-Board in einem Glasrahmen. Jeder Weg, den Besucher brauchen, vom Planvergleich über das Lesen eines Artikels bis zur Registrierung, funktioniert, und die ganze Website kommt als eine Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Ein Hero-Board, das du auf Timeline und Liste umschalten kannst, ein Laufband mit Kundenlogos und ein Workflow-Karussell mit Icon-Tabs und funktionierenden Panels
- Ein Feature-Bento mit sechs Zellen, Reporting-Zeilen mit Digest-Diagramm und Risiko-Ausgleich, eine Kundengeschichte und ein Testimonial-Mosaik
- Sicherheit und Integrationen, Preise mit Monats-/Jahresumschalter, FAQ und eine Reihe von Artikeln
- Seiten für Preisvergleich, Blog und Artikel, Changelog, Über uns und Karriere, Kontakt, Anmeldung, Registrierung, Passwort-Reset, Rechtliches und 404
- Ein funktionierendes Dark Theme, mit eingebetteten Schriften und Fotos, sodass die Seite keine Netzwerkanfragen stellt
So nutzt du es
- Gib dem Skill deinen Produktnamen, dein Versprechen, die Objekte, die dein Produkt verwaltet, die wichtigsten Funktionen, Preisstufen und den zentralen Call to Action.
- Er baut Board, Panels und Digest rund um deine Objekte neu auf, entwirft Fehlendes und listet es dir zur Bestätigung auf.
- Öffne die Datei im hellen und dunklen Modus, klicke dich durch jeden Tab, jedes Formular und jede Seite und wünsche dir Änderungen in einfachen Worten.
Neue Fotos kommen 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 die Objekte, die es verwaltet (Aufgaben, Projekte, Dokumente, Anfragen) · Vier bis sechs Kernfunktionen, Integrationen und Sicherheitsfakten, die du bestätigen kannst · Preisstufen und Limits, der zentrale Call to Action und Unternehmensfakten für Über uns
- 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 Kundengeschichte, Team- und Porträtfotos; optional, wenn du eigene lieferst
- Externe Kosten
- Fotos, die du nicht lieferst, 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.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …