Skillry Pick
Amber Scrapbook Suitev1.0.9
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?Die ganze Oberfläche eines SaaS-Produkts im warmen Bernstein-Scrapbook-Stil: Startseite, Preise mit Checkout-Drawer, Login, Registrierung, Produktansicht, Admin-Dashboard, Changelog, Kontakt, Rechtliches, 404. Cremepapier, Tape-Fotos, Handnotizen und Sticker wirken handgemacht, das Produkt bleibt ruhig und präzise. Tarif, Credits und Nutzer bleiben synchron – als eine Datei, offline in jedem Browser.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine verknüpfte Suite: Startseite, Preise mit Checkout, Login und Registrierung, das funktionierende Produkt, Admin, Changelog, Kontakt, Datenschutz, AGB und eine Not-found-Seite – mit einer gemeinsamen Story und einem gemeinsamen Zustand
- Der Amber-Scrapbook-Look: ein minimalistischer, zentrierter Hero mit einem Satzteil im Bernstein-Verlauf und Sticker-Kacheln, danach aufgeklebte Fotos, handschriftliche Notizen, ein cremefarbenes Bento-Raster, ein Roadmap-Board und Masonry-Testimonials
- Funktionierende Interaktionen in Hell und Dunkel: Aufgabenerfassung mit Live-Parsing, eine Planungsaktion, die Credits kostet, Umschalter für die Abrechnung, Admin-Suche, Sortierung und Filter sowie ein Befehlsmenü
Passt gut für
- SaaS-, Produktivitäts- und Indie-Software-Teams, die eine warme, handgemacht wirkende Launch-Website statt einer Corporate-Seite mit Verläufen wollen
- Gründer:innen, die Marketing-Website, Preise, Produkt und Admin als eine überzeugende Demo für einen Launch oder eine frühe Validierung brauchen
- Produkte mit einem klaren Kern-Loop (erfassen, organisieren, Ergebnis erzeugen), der sich in der Produktansicht funktionierend zeigen lässt
Nicht geeignet für
- Formelle Enterprise- oder regulierte Marken: Sticker, Washi-Tape und handschriftliche Notizen halten den Ton bewusst verspielt
- Live-Apps mit echten Konten, Zahlungen oder Daten: Login, Checkout und E-Mails sind ehrliche Simulationen innerhalb der Seite
- Unternehmen ohne Softwareprodukt, etwa ein Café oder ein Portfolio: Die Suite ist um ein Produkt, seine Preise und ein Admin herum gebaut
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisBernstein-ScrapbookCreme-BentoSchräge UI-CollageHandannotiertVerspielt-editorial
Über diesen Skill
Amber Scrapbook Suite baut jede Oberfläche eines SaaS-Produkts als ein zusammenhängendes Set von Ansichten: Marketing-Startseite, Preise, Login, das funktionierende Produkt, Admin und die ergänzenden Seiten. Die Marketingseite wirkt handgemacht mit cremefarbenem Papier, Washi-Tape, Polaroids und handschriftlichen Notizen, während Produkt- und Admin-Ansichten ruhig und präzise bleiben. Das Beispiel ist Dayfold, ein fiktiver KI-Tagesplaner.
Das bekommst du
- Eine komplette Suite: Startseite, Preise mit Checkout-Drawer, Login und Registrierung, das Produkt, Admin, Changelog, Kontakt, Datenschutz, AGB und eine Not-found-Seite
- Eine Startseite, die vom minimalistischen Hero über eine Wortmarken-Laufleiste, Feature-Splits mit gekippten Karten und aufgeklebten Fotos, ein cremefarbenes Bento-Raster, eine Kundengeschichte, ein Roadmap-Board, Masonry-Testimonials und ein FAQ bis zu einem Abschluss auf Notizpapier reicht
- Eine Produktansicht mit Aufgabenerfassung in natürlicher Sprache und einer Planungsaktion, die Credits kostet, dazu ein Admin-Dashboard mit Kennzahlen, einem Diagramm und einer durchsuchbaren Nutzertabelle
- Gemeinsamer Zustand: Registrierung oder Tarifkauf aktualisieren Kontomenü, Credits, Preis-Badge und Admin-Tabelle
- Helles und dunkles Theme, ein Befehlsmenü und eine eigenständige Datei, die in jedem Browser öffnet und offline funktioniert
So nutzt du es
- Teile Produktname, ein Versprechen in einem Satz, 8 bis 10 Features (die 3 wichtigsten markiert), dein Preismodell und ein paar Roadmap-Punkte mit.
- Dein Agent überträgt den Produkt-Loop auf deine Domäne, plant und generiert die Fotos und baut jede Ansicht mit deinen Texten.
- Öffne die Datei, klick dich in Hell und Dunkel durch jede Seite und bitte dann um Änderungen an Texten, Tarifen oder Bereichen.
Fotos kommen aus dem Bildtool deines Agenten, sofern eines verfügbar ist, was dessen Nutzungskosten verursachen kann. Alles, was dein Briefing offenlässt, wird zu Platzhaltertext, den der Agent zur Bestätigung auflistet.
Was du vorab brauchst
- Du bringst mit
- Produktname, ein Versprechen in einem Satz und die Zielgruppe · 8 bis 10 Features mit den 3 wichtigsten markiert, dazu dein Preismodell · Roadmap-Punkte, eine Kundengeschichte und echte Zitate oder Fotos (optional)
- 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 die Fotos (optional; ohne lieferst du Fotos oder bekommst gekennzeichnete Platzhalter)
- Externe Kosten
- Fotos werden mit dem eigenen Bildtool deines Agenten generiert, sofern eines verfügbar ist, was dessen Nutzungskosten verursachen kann. Ohne ein solches Tool fragt der Agent nach deinen Fotos oder liefert klar gekennzeichnete Platzhalter. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.9 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …