Skillry Pick
Indigo-Ledger-Landing-Pagev1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine ruhige, launchbereite Produktwebsite, auf der eine einzige Aussage verkauft: warmes gebrochen weißes Papier, eine große Headline mit einem tiefindigofarbenen Satzteil, ein handgeschriebenes Logo, nummerierte Ledger-Abschnitte, eckige Kanten und ein einzelner fast schwarzer Preisvorhang. Funktionierende Produktmomente, Preise, Formulare und Unterseiten kommen in einer eigenständigen Datei, die in jedem Browser öffnet und offline funktioniert.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; mit bestehendem Projekt in deinem eigenen Stack gebaut.
- Funktionierende Produktmomente, die das Hero-Ledger aktualisieren, ein Preisvorhang mit Abrechnungsumschalter und Nutzungsrechner sowie validierte Registrierungs- und Anmeldeformulare.
- Unterseiten für ein Changelog mit Filtern und Suche, einen Docs-Quickstart, eine Kundengeschichte, Sicherheit, Datenschutz, AGB und eine Not-found-Seite.
Passt gut für
- Indie-Entwickler und kleine Teams, die ein Developer-Tool oder B2B-Produkt mit einer prägnanten Aussage launchen.
- Agenturen und Dienstleister, die Kunden, Umfang und Honorare in der Hero-Tabelle zeigen und Pakete im Vorhang verkaufen können.
- Gründer mit Warteliste, die einen Gründungsplan und ein Registrierungsformular auf einer ruhigen Seite wollen.
Nicht geeignet für
- Echte Konten, Zahlungen oder Formularzustellung; Registrierung und Anmeldung zeigen nur ehrliche Demo-Ergebnisse.
- Verspielte Consumer-Marken, die Farbe, Verläufe oder runde Formen wollen; der Stil ist eckig und zurückhaltend.
- Den Bau der App selbst; dieser Skill erstellt die Produktwebsite, keine Dashboards oder Admin-Ansichten.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisConversion-fokussiertWarmes PapierTiefer Indigo-AkzentKontobuch-EditorialEckigVorhang-Sektion
Über diesen Skill
Indigo-Ledger-Landing-Page baut eine ruhige, launchbereite Produktwebsite, auf der eine einzige Aussage verkauft: eine warme, gebrochen weiße Seite, eine große, eng gesetzte Headline mit einem tiefindigofarbenen Satzteil, Navigation in Großbuchstaben mit vorangestelltem Schrägstrich rund um ein handgeschriebenes Logo, nummerierte Ledger-Abschnitte, eckige Kanten und ein einzelner fast schwarzer Preisvorhang. Das Beispiel ist Penrule, ein fiktives Ledger für Nutzungsmessung und Abrechnung für Indie-SaaS.
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern. Hast du bereits ein Projekt, wird dieselbe Seite stattdessen in deinem eigenen Stack gebaut.
- Produktmomente, die Besucher ausprobieren können: eine fehlende Preisregel hinzufügen, einen Rechnungsentwurf freigeben oder zurückhalten und zusehen, wie sich das Hero-Ledger entsprechend aktualisiert.
- Nummerierte Abschnitte für Funktionsweise, ein Feature-Bento, eine Kundengeschichte mit Zahlen, Zitate, eine Vergleichstabelle, Sicherheit, FAQ, Team und Registrierung.
- Der fast schwarze Preisvorhang mit Monats-/Jahresumschalter und einem Nutzungsrechner, der einen Plan empfiehlt.
- Unterseiten für ein Changelog mit Filtern und Suche, einen Docs-Quickstart, eine Kundengeschichte, Sicherheit, Anmeldung, Datenschutz, AGB und eine Not-found-Seite, durchgehend mit validierten Formularen.
So nutzt du es
- Teile Produktname, die eine prägnante Aussage, die Funktionsweise in drei Schritten, deine Pläne und Preise sowie Kundenzitate oder Zahlen mit, die du verwenden darfst. Fehlende Texte werden als plausible Platzhalter entworfen und dir zur Bestätigung aufgelistet.
- Sag dem Agenten, was deine Hero-Tabelle auflisten soll, etwa Kunden, Mandanten oder Bestellungen, und ob der Rechner für dein Preismodell bleiben soll. Fotos werden in einem einheitlichen Nordlicht-Stil generiert, oder die Fotoplätze entfallen.
- Öffne jeden Abschnitt und jede Unterseite auf Desktop und Smartphone, probiere Produktmomente, Preise und Formulare aus und wünsche dir Änderungen.
Gesetzt wird in Instrument Sans, Outfit, Caveat und Geist Mono, eingebettet in die Datei. Fotos kommen aus dem eigenen Bildtool deines Agenten, wofür dessen Nutzungskosten anfallen können; ohne Bildtool trägt sich die Seite allein durch Typografie und Produkt-Screens.
Was du vorab brauchst
- Du bringst mit
- Produktname, die eine prägnante Aussage und die Funktionsweise in drei Schritten · Pläne mit echten Preisen und Limits sowie die Einträge, die deine Hero-Tabelle zeigen soll · Kundenzitate und Zahlen, die du verwenden darfst, oder die Erlaubnis, Platzhalter zur Bestätigung zu entwerfen
- 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 Porträts und Stillleben (optional; ohne entfallen die Fotoplätze)
- Externe Kosten
- Porträts, Teamfoto und Stillleben werden mit dem eigenen Bildtool deines Agenten generiert, das Nutzungskosten berechnen kann. Ohne Bildtool entfallen die Fotoplätze, und die Seite stützt sich auf Typografie und Produkt-Screens. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …