Skillry Pick
Split-Frame-Portfoliov1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.033 Downloads3 Likes3-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue ein Fotografie-Portfolio, bei dem die Arbeiten den halben Bildschirm füllen: links ein fixierter Fotobereich in voller Höhe, rechts eine scrollende Spalte ruhiger, abgerundeter Karten, dazu Labels, die mit kleinen, nach innen gewölbten Kerben in die Fotoecken geschnitten sind. Fährst du über ein Projekt, wechselt der Fotobereich zu dessen Cover. Startseite, Werkübersicht mit einer Case Study pro Serie, Journal, About mit Timeline, Print-Shop mit Wandvorschau, Kontakt und Lizenzen gibt es im hellen und dunklen Theme – als eine eigenständige Datei, die offline funktioniert.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine komplette Fotografen-Website: Startseiten-Karussell, Werkübersicht mit Filtern und Cover-Wechsel beim Hovern, eine Case Study pro Serie, Journal-Artikel, About, Prints, Kontakt, Lizenzen und eine Not-found-Seite
- Der Split-Frame-Look: fixierter Fotobereich, Spalte mit abgerundeten Karten, aus der Seite geschnittene, gekerbte Labels, eine schwebende Header-Pille, Navigation mit Buchstaben-Flip und ein diagonaler Umschalter für helles und dunkles Theme
- Funktionierende Bausteine: Case-Study-Lightbox, Journal-Suche, eine Print-Auswahl mit Live-Preis und Wandvorschau, ein validiertes Kontaktformular und eine Newsletter-Anmeldung, alles in einer Offline-Datei
Passt gut für
- Landschafts-, Reise- und Editorial-Fotografen, die eine bildzentrierte Website mit ruhigem, galerieartigem Rahmen wollen
- Fotografen, die Prints verkaufen oder Aufträge annehmen und Case Studies, Preise und ein Anfrageformular an einem Ort wollen
- Hochzeits- oder Porträtfotografen, Illustratoren, Lodges oder Galerien, die Geschichten, Pakete oder Ausstellungen auf dieselben Seiten übertragen können
Nicht geeignet für
- Farbenfrohe oder maximalistische Marken: Der Rahmen ist strikt monochrom, alle Farbe kommt aus den Fotos
- Textlastige Blogs oder Dokumentationen mit wenig Bildmaterial: Das Layout braucht in jedem Bereich starke Fotos
- Websites, die ein CMS, Uploads oder einen echten Checkout brauchen: Print-Anfragen und Formulare werden nur auf der Seite bestätigt
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Website erstellenStil fixiertBearbeitbares ErgebnisMinimalistischMonochromFotozentriertWeich gerundetSplit Screen
Über diesen Skill
Split-Frame-Portfolio baut eine Fotografie-Website, auf der dein bestes Bild die linke Bildschirmhälfte füllt, während daneben eine Spalte ruhiger, abgerundeter Karten scrollt. Farbe kommt ausschließlich aus den Fotos, und jedes Label, das ein Foto berührt, ist mit zwei kleinen Kerben aus der Seite herausgeschnitten. Das Beispiel ist Aster Field, ein fiktiver Landschafts- und Reisefotograf, mit 18 verknüpften Seiten.
Das bekommst du
- Eine Startseite mit ruhigem Karussell, Intro-Karte, Kanal-Karten, Serien-Kacheln, einem aktuellen Auftrag, einem Kunden-Marquee, einer Journal-Liste und einer Buchungskarte
- Eine Werkübersicht mit Filter-Chips, Suche und Listen- oder Rasteransicht, dazu eine Case Study pro Serie mit Bild-Lightbox, Arbeitsschritten und Ergebnissen
- Journal-Artikel, About mit Fakten und Werdegang-Timeline, einen Print-Shop mit gerahmter Wandvorschau, Kontakt mit validiertem Formular, Lizenzen und eine Not-found-Seite
- Helles und dunkles Theme mit diagonalem Umschalter, Navigation mit Buchstaben-Flip und eine Datei, die in jedem Browser öffnet und offline funktioniert
So nutzt du es
- Gib deinen Namen, deine Rolle, Stadt, eine kurze Bio, Kontaktdaten und 8 bis 12 Fotos nach Serien gruppiert an.
- Dein Agent ordnet die Fotos dem Fotobereich, den Kacheln und Case Studies zu, schreibt die Serienseiten und generiert, was fehlt.
- Öffne die Datei, fahr über die Werkliste, probier beide Themes und die Print-Auswahl aus und wünsch dir Änderungen in einfachen Worten.
Am besten funktionieren deine eigenen Fotos. Generierte Bilder sind Platzhalter und können Nutzungskosten beim Bildtool deines Agenten verursachen.
Was du vorab brauchst
- Du bringst mit
- Name, Rolle in einem Satz, Heimatstadt, eine kurze Bio und Kontaktdaten · 8 bis 12 Fotos, in Serien gruppiert, mit Orten und Jahren · Serien-Briefings und Ergebnisse, Print-Formate und Preise sowie Lizenzbedingungen (optional; Lücken werden zu aufgelisteten Platzhaltern)
- 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, nur für Fotos, die du nicht selbst lieferst (sonst dienen die Vorlagenfotos als vorläufige Platzhalter)
- Externe Kosten
- Wenn du nicht alle Fotos lieferst, werden die fehlenden mit dem eigenen Bildtool deines Agenten generiert, wofür Nutzungskosten dieses Tools anfallen können; andernfalls bleiben die Vorlagenfotos als vorläufige Platzhalter. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …