Skillry Pick
Scherenschnitt-Website für Kollektivev1.0.2
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.035 Downloads3 Likes2-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine mehrseitige Website für Designkollektive im Stil einer Papiercollage: kleiner zentrierter Hero auf Schwarz über gemalten Papierhügeln mit gerissener Cremekante, warmer Cremegrund und flache Farbblöcke in Gelb, Rosa, Grün und Papierblau mit Prinzipien-Akkordeon, blauem Zitatband und Schwarz-Weiß-Porträts. Enthalten: Home, What we do, Approach, Work mit vier Projektseiten, People mit drei Mitgliederseiten, Journal mit drei Beiträgen, Contact, Privacy und Accessibility – als eine eigenständige Datei, die offline öffnet.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein Beispiel mit 20 Routen für das fiktive Commonfold Collective: vier Projektseiten, drei Mitgliederseiten, drei Journal-Beiträge, Kontakt, Datenschutz, Barrierefreiheit und eine gestaltete 404-Seite.
- Funktionierende Bausteine: ein Prinzipien-Akkordeon mit jeweils einem offenen Eintrag, Projektfilter mit Suche, Sortierung und Leerzustand, ein Umschalter zwischen Standard- und Community-Tarif, FAQ, validierte Formulare und ein Toast beim Link-Kopieren.
- Eine eigenständige Datei mit eingebetteten Schriften Newsreader und Figtree, dazu ein Styleguide, ein Bildplan und eingebaute Prüfungen, die übrig gebliebene Beispielnamen melden.
Passt gut für
- Designstudios, Kollektive und Teams für Civic oder partizipatives Design, die einen handgemachten, verspielten Auftritt mit echten Case Studies wollen.
- Druckwerkstätten, Schulen und kleine Büros, die Kurse, Lehrende oder Projekte auf dieselbe Seitenfamilie übertragen können.
- Teams, die Collage-Bilder, gerissene Kanten und Klebeband statt abgerundeter Karten und Stockfotos wollen.
Nicht geeignet für
- Corporate-Marken, die einen nüchternen, minimalistischen Look brauchen; dieses Design setzt auf kräftige Farbblöcke und Papiertexturen.
- Echte Buchungen oder Zahlungen: Formulare bestätigen auf der Seite und senden nichts, bis du ein Backend anbindest.
- Marken, die auf lila oder violetten Flächen aufbauen; Flieder erscheint nur als kleiner Akzent.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenAgentur-Website erstellenStil fixiertBearbeitbares ErgebnisEditoriale SerifColor-Block-AkkordeonFreigestellte PorträtsLandschaft aus bemaltem PapierCollage aus gerissenem Papier
Über diesen Skill
Erzähl dem Skill von deinem Studio, seinen Prinzipien, Projekten und Menschen, und er baut eine komplette Website im Collage-Stil: einen kleinen zentrierten Hero auf Schwarz über gemalten Scherenschnitt-Hügeln, warme cremefarbene Seiten, flache Farbblöcke und Schwarz-Weiß-Porträts als Ausschnitte. Das Beispiel ist das fiktive Commonfold Collective, ein Studio für Civic Design, mit 20 verknüpften Routen. Das Standardergebnis ist eine eigenständige Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Startseite mit Hero, Prinzipien-Akkordeon, Zitatband, Team-Story, Kennzahlen, Projekt-Collage, Partnerstimmen und Journal
- Unterseiten mit echtem Tiefgang: Case Studies mit Detailbildern und Kennzahlen, Mitgliederseiten, ausführliche Beiträge, Leistungen mit festen Formaten, Kontakt und FAQ
- Gerissene Kanten, Klebeband und leichte Drehungen, die sich beim Hover gerade richten, dazu ruhige Einblendungen, die bei reduzierter Bewegung abschalten
- Newsreader und Figtree sind in die Datei eingebettet, nichts wird aus dem Netz geladen
So nutzt du es
- Nenne deinen Namen, eine Beschreibung in einem Satz, drei bis fünf Prinzipien, deine Projekte, dein Team, Beiträge und Kontaktdaten.
- Dein Agent füllt jeden Inhalts-Slot, generiert neue Collage-Bilder im selben Stil und führt die eingebauten Prüfungen aus.
- Klick dich auf Desktop und Smartphone durch jede Seite und wünsch dir Änderungen in einfachen Worten.
Das Generieren neuer Collage-Bilder kann Nutzungskosten bei deinem Bildtool verursachen. Alles, was das Briefing nicht liefert, wird als Platzhaltertext entworfen und zur Bestätigung für dich aufgelistet.
Was du vorab brauchst
- Du bringst mit
- Studioname, eine Beschreibung in einem Satz und drei bis fünf Prinzipien mit je einem Beispiel · Projekte mit dem, was jede Seite braucht, sowie Teammitglieder mit Rollen und kurzen Bios · Beiträge oder News, Angebote und Preise, Adresse, E-Mail und Öffnungszeiten
- 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 Collage-Bilder
- Externe Kosten
- Das Generieren der Collage-Bilder mit dem Bildtool deines Agenten kann Nutzungskosten bei diesem Tool verursachen. Einige neutrale mitgelieferte Motive (die Hero-Hügel, die Hände und zwei Journal-Bilder) lassen sich kostenlos wiederverwenden.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …