
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Eine fertige Beispielsite mit 30 Routen für Wander North: acht Tourenseiten, drei Guide-Profile, drei Artikel, Buchung, FAQ, Kontakt, ein Quiz und eine gestaltete 404-Seite, mit 20 Fotos.
- Funktionierende Bedienelemente: Hero-Suche mit Live-Trefferzahl, Tourenfilter und Sortierung, ein Buchungspanel mit laufendem Gesamtpreis und Anzahlung, validierte Formulare und ein Mobile-Menü mit Fokus-Falle.
- Deine eigene Website als eine Offline-Datei mit eingebetteten Geist-Schriften, dazu die Stilregeln, der Bildplan mit Prompts, das Motion-System und die Qualitäts-Checkliste, mit denen dein Agent arbeitet.
Passt gut für
- Anbieter von Wander-, Rad- oder Skitouren und Berghütten, die eine ruhige, fotogetriebene Website wollen.
- Kleine Reisemarken, die viele echte Seiten (Touren, Guides, Geschichten, Buchung) statt einer einzigen Landing Page brauchen.
- Gründer:innen, die eine Website als eine Datei öffnen, prüfen und hosten wollen, ohne einen Build aufzusetzen.
Nicht geeignet für
- Live-Buchungen oder Zahlungen: Formulare validieren und bestätigen auf der Seite, senden aber nichts, bis du einen echten Dienst anbindest.
- Marken, die einen dunklen, neonfarbenen oder stark animierten Look wollen; dieses Design ist hell, fotografisch und ruhig.
- Websites ohne Fotografie: Hero, Tourenkarten und Collage leben von starken Landschafts- und Personenfotos.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisAlpine CollageAlpen-HeroAlpen-SucheDaten-Quiz
Über diesen Skill

Mach aus deinen Touren, Guides und Geschichten eine komplette Website für Bergreisen: ein randloses Talfoto, ein riesiges weißes Wort und eine dunkle Glas-Suchleiste am unteren Rand des Hero. Das ausgearbeitete Beispiel ist Wander North, ein fiktiver Anbieter von Wanderreisen in Kleingruppen mit 30 verknüpften Seiten und 20 Fotos aus einer einheitlichen Art Direction.

Das bekommst du
- Startseite, Touren mit Filtern, acht Tourenseiten, Erlebnisse, Retreats, Guides, Journal, Über uns, Kontakt, FAQ, Newsletter, Buchung, ein Quiz mit drei Fragen und eine gestaltete 404-Seite
- Eine Hero-Suche, deren Filter live die Trefferzahl anzeigen und auf die Tourenseite übernommen werden
- Tourenseiten mit Höhenprofil, Tagesplan und einem Buchungspanel, das Gesamtpreis und Anzahlung berechnet
- Ruhige Animationen, eingebettete Schriften und Fotos sowie eine Website, die offline und auf Smartphones funktioniert
- Eine Qualitäts-Checkliste, die dein Agent abarbeitet, bevor er die Website übergibt

So nutzt du es
- Teile Firmenname, Touren, Guides, Geschichten und Preise mit; alles Fehlende wird als klar gekennzeichneter Platzhaltertext entworfen.
- Dein Agent generiert oder platziert die Fotos, baut jede Seite um deine Inhalte herum neu und prüft jede Seite in Desktop- und Smartphone-Breite.
- Öffne die einzelne Datei, die du zurückbekommst, klick dich durch die Seiten und bitte in einfachen Worten um Änderungen.

Formulare bestätigen direkt auf der Seite und behaupten nie eine echte Buchung oder Zahlung. Neue Fotos aus dem Bildtool deines Agenten können dessen Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Firmenname, Region und die Art der Touren, die du anbietest · Deine Touren, Guides und Geschichten mit Terminen, Preisen und kurzen Beschreibungen · Deine eigenen Fotos oder die Erlaubnis für deinen Agenten, sie zu generieren
- 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 neue Fotos oder Fotos, die du lieferst
- Externe Kosten
- Neue Fotos werden mit dem eigenen Bildtool deines Agenten generiert, was dessen Nutzungskosten verursachen kann. Mit eigenen Fotos vermeidest du das, und das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …








