
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Eine eigenständige Portfolio-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; eine Übertragung in dein eigenes Framework-Projekt, wenn du eins hast.
- Funktionierende Seiten: Werkfilter, Suche, Sortierung und Archiv, vierteilige Case Studies, Service-Blätter mit wochenweisen Zeitplänen, ein Journal und ein validiertes Kontakt-Briefing.
- Ein Freistell-Tool, das dein Foto vor schlichtem Hintergrund in einen flachen Hero-Freisteller oder einen mit der Schere ausgeschnittenen Sticker verwandelt, plus ein 15-seitiges Beispiel als Ausgangspunkt.
Passt gut für
- Grafikdesigner, Illustratoren und Collage-Künstler, die ein Portfolio mit handgemachter Persönlichkeit wollen.
- Kleine Druck- und Identity-Studios, die Services mit festem Umfang und Startpreisen verkaufen.
- Workshop-Leiter oder Maker, die Services in Kurse und das Journal in News verwandeln können.
Nicht geeignet für
- Echte Formularzustellung, Zahlungen oder Buchungen; das Kontakt-Briefing zeigt nur eine ehrliche Demo-Bestätigung.
- Marken, die einen minimalistischen, Corporate- oder dunklen Look statt Papier, Klebeband und zwei Tinten brauchen.
- Die fiktive Ines Okafor, ihre Kunden oder Zitate als echte Arbeit auszugeben.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Website erstellenStil fixiertBearbeitbares ErgebnisKobalt-Orange-AkzentFreigestelltes PorträtWashi-TapeSticker-CollageNotizen auf gerissenem Papier
Über diesen Skill

Collage Creative Portfolio baut ein Designer-Portfolio, das wie eine Studiowand aussieht: warmgraues Papier mit Körnung, Kobaltblau und Orange als einzige Tinten, Malerkrepp, abgerissene Notizen, Sofortbilder und Marker-Sticker rund um ein freigestelltes Porträt. Das Beispiel ist die fiktive Grafikdesignerin und Papiercollage-Künstlerin Ines Okafor aus Porto, mit 15 verknüpften Seiten, die alle funktionieren.

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 Framework-Projekt, wird das Design stattdessen dorthin übertragen.
- Ein komplettes Portfolio: Werkübersicht mit Filtern, Suche, Sortierung und aufklappbarem Archiv, vier Case Studies mit Galerie, Prozessnotizen und Farbmustern, Services, ein Journal mit drei Notizen, About, Kontakt, Datenschutz und eine gestaltete Not-found-Seite.
- Services als Blätter mit festem Umfang und Startpreisen, ein wochenweiser Zeitplan auf Klebeband in Tabs und ein FAQ-Akkordeon.
- Ein validiertes Kontakt-Briefing mit Inline-Fehlern und Erfolgsmeldung, Newsletter-Anmeldung und Kopieren in die Zwischenablage für E-Mail und Handle.
- Papierstücke, die sich einmal auf der Wand niederlassen und sich beim Hovern gerade richten, unter Beachtung der Einstellung für reduzierte Bewegung.

So nutzt du es
- Teile deinen Namen, deine Disziplin, eine kurze Bio, Case Studies mit Kunden und Ergebnissen, Services mit Startpreisen und deine Kontaktdaten. Fehlendes wird als plausibler Platzhalter entworfen und dir zur Bestätigung aufgelistet.
- Schick ein Ganzkörperfoto vor schlichtem Hintergrund für den Hero-Freisteller sowie Projektfotos, oder lass den Agenten Platzhalterbilder im gleichen weichen Tageslicht-Stil generieren.
- Öffne jede Seite auf Desktop und Smartphone, probiere Filter, Tabs und Kontaktformular aus und wünsch dir Änderungen.

Die Typografie ist in Archivo, Anton, Permanent Marker, Caveat und Space Mono gesetzt und in die Datei eingebettet. Neue Bilder kommen vom Bildtool deines Agenten und können dessen Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Dein Name, deine Disziplin und eine kurze Bio · Case Studies mit Kunde, Jahr und Ergebnis sowie Services mit Startpreisen und Kontaktdaten · Ein Ganzkörperfoto vor schlichtem Hintergrund und Projektfotos oder deine Zustimmung, Platzhalterbilder 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 Bildtool in deinem Agenten oder eigene Fotos für Case-Study- und Porträtbilder · Python 3 mit Pillow, NumPy und SciPy für das mitgelieferte Freistell-Tool
- Externe Kosten
- Neue Case-Study- und Porträtbilder werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten berechnen kann. Ohne Bildtool lieferst du eigene Fotos; die neutralen Bilder von Kamera, Pflanze, Klebeband und Schreibtisch können bleiben. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …









