
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Ein vollständiges Portfolio: Startseite, Über mich, ein Leistungsindex mit einer Seite pro Leistung, ein Arbeitsindex mit einer Case Study pro Projekt, Testimonials, FAQ, ein Briefing-Formular, Datenschutz und eine Not-found-Seite
- Der Limettenrahmen-Look: limettengrüner Rand, weißes Blatt, fetter Grotesk-Name, zentrierte Porträtkarte mit Verfügbarkeitspunkt, Logo-Laufband, fast schwarzes Statistikband und ein limettengrünes CTA-Band
- Funktionierende Teile: Arbeitsfilter und Suche, FAQ-Suche nach Thema, ein Testimonial-Karussell, in die Seite eingebaute Projekt-Showcases und ein Briefing-Formular mit Validierung
Passt gut für
- Freiberufliche Designer und kleine Studios, die eine helle, selbstbewusste Website wollen, die die Person genauso verkauft wie die Arbeit
- Designer mit klar umrissenen Leistungen und Preisen, die jedes Angebot und jedes Projekt auf einer eigenen Seite zeigen wollen
- Fotografen, Illustratoren oder Entwickler, die Aufträge oder Projekte auf dieselben Leistungs- und Case-Study-Seiten abbilden können
Nicht geeignet für
- Gedämpfte oder sehr seriöse Unternehmensmarken: Limettenrahmen und kräftige Schrift sind bewusst hell und persönlich
- Eine Link-in-Bio-Seite oder einen einseitigen Lebenslauf: Der Skill baut eine vollständige Website mit Leistungen, Case Studies und FAQ
- Live-Buchungen oder Zahlungen: Briefing- und Newsletter-Formulare validieren und bestätigen auf der Seite, senden aber nichts
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Website erstellenStil fixiertBearbeitbares ErgebnisPorträt-HeroDunkles Kennzahlen-BandLimetten-SeitenrahmenWeiße BlattkarteWortmarken-Laufband
Über diesen Skill

Designer-Portfolio mit Limettenrahmen baut eine persönliche Website, die wirkt wie ein weißes Blatt auf einem limettengrünen Schreibtisch. Ein abgerundetes weißes Blatt trägt jede Seite, vom ruhigen dreispaltigen Hero bis zu gestalteten Leistungsseiten, Case Studies und einem Briefing-Formular. Das Beispiel ist Rowan Ashby, ein fiktiver Digitaldesigner, mit 19 verknüpften Seiten.

Das bekommst du
- Startseite: Hero, Laufband mit Kundenlogos, ein Leistungsindex, ein Kollaborationsbereich mit Prozessfotos, ein fast schwarzes Statistikband, ausgewählte Arbeiten, ein Testimonial-Karussell, eine FAQ-Vorschau und ein limettengrünes CTA-Band
- Eine Seite für jede Leistung mit Preis, Zeitrahmen, Leistungsumfang und Schritten sowie eine Case Study für jedes Projekt mit Ergebnissen, Deliverables und einem eingebetteten Showcase
- Über mich, Testimonials, eine durchsuchbare FAQ, ein Briefing-Formular mit Chips und Validierung, Datenschutz und eine Not-found-Seite
- Kräftige Grotesk-Typografie, ruhige Animation und eine Datei, die in jedem Browser öffnet und offline funktioniert

So nutzt du es
- Teile deinen Namen, deine Rolle, dein Angebot in einem Satz, Leistungen mit Preisen, Projekte mit Ergebnissen und eventuelle Kundenzitate mit.
- Dein Agent füllt jede Seite, plant und generiert die Fotos, die du nicht lieferst, und baut für jedes Projekt einen Showcase.
- Öffne die Datei, klicke dich durch jede Leistung und Case Study, sende ein Test-Briefing und wünsche dir Änderungen in einfachen Worten.

Generierte Porträts sind Platzhalter, daher funktionieren deine eigenen Fotos am besten. Für Bilder aus dem Bildtool deines Agenten können dessen Nutzungskosten anfallen.
Was du vorab brauchst
- Du bringst mit
- Name, Rolle in zwei Wörtern, Angebot in einem Satz, Verfügbarkeitsdatum und Kontaktdaten · Leistungen mit Preis, Zeitrahmen und Leistungsumfang sowie Projekte mit Kunde, Auftrag und Ergebnissen · Dein Porträt, Kundenzitate und FAQ-Antworten (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 für Fotos, die du nicht lieferst (optional, wenn du eigenes Porträt und eigene Projektbilder bereitstellst)
- Externe Kosten
- Fotos, die du nicht lieferst (Porträt-Platzhalter, Prozessaufnahmen, Projektcover), werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …









