Inkwell-Portfoliov1.0.3
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.033 Downloads1 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue ein komplettes persönliches Portfolio in ruhigem Editorial-Stil: eine fixierte Seitenleiste mit Porträt, Verfügbarkeit und einer dunklen Read-resume-Pill neben einem weißen, abgerundeten Inhaltsblatt mit Headlines in Tintenverlauf. Enthalten sind ein filterbarer Arbeitsindex, vollständige Case Studies mit Bildumschalter, ein durchsuchbarer Schreibbereich mit Artikelseiten, Über mich, eine Lebenslauf-Timeline, Kontakt und eine gestaltete 404-Seite. Das Beispiel ist Mara Voss, eine fiktive Produktdesignerin, und das Standardergebnis ist 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
- Ein fertiges Beispielportfolio mit 15 Routen für Mara Voss: vier Case Studies, vier Essays, Über mich, Lebenslauf, Kontakt und eine 404-Seite, mit Fotos und realistischen Produkt-Screens.
- Funktionierende Details: Arbeitsfilter, Textsuche mit Themen-Chips, ein Bildumschalter für Case Studies, ein Zitatkarussell, ein validiertes Kontaktformular und eine mobile Seitenleiste mit Fokus-Trap.
- Dein Portfolio als eine Offline-Datei mit eingebetteten Schriften Instrument Sans, Newsreader und Geist Mono, dazu ein Mockup-Kit für Produkt-Screens und die Stilregeln, denen dein Agent folgt.
Passt gut für
- Produktdesigner und Entwickler, die Arbeiten, Texte und Lebenslauf hinter einem Link bündeln wollen.
- Jobsuchende, die Case Studies brauchen, die Prozess, Ergebnisse und schwierige Entscheidungen zeigen.
- Fotografen, Autoren, Berater oder Ingenieure, die eine ruhige Ein-Personen-Website mit echten Unterseiten wollen.
Nicht geeignet für
- Laute, bunte oder stark animierte Marken; Inkwell ist ruhig, hell und typografiegetrieben.
- Große Fotogalerien: Jede Case Study zeigt einige ausgewählte Bilder, nicht Hunderte.
- Live-Formulare: Das Kontaktformular validiert und bestätigt auf der Seite, sendet aber nichts, bis du einen Dienst anbindest.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Seite erstellenStil fixiertBearbeitbares ErgebnisVerlaufstinte-TypografieSeitenleisten-NavigationKarten mit weichem SchattenWarm-neutral minimal
Über diesen Skill
Mach aus deinen Projekten, Texten und deinem Werdegang eine ruhige persönliche Website: eine fixierte Seitenleiste mit deinem Porträt und einer dunklen Read-resume-Pill neben einem weißen Blatt mit Headlines in Tintenverlauf. Das Beispiel ist Mara Voss, eine fiktive Produktdesignerin in Rotterdam, mit vier Case Studies und vier Essays.
Das bekommst du
- Startseite, ein filterbarer Arbeitsindex, vollständige Case Studies, ein durchsuchbarer Schreibindex mit Artikelseiten, Über mich, Lebenslauf-Timeline, Kontakt und eine gestaltete 404-Seite
- Case Studies mit Problem, Prozess, Ergebnissen, der schwierigen Entscheidung und einem Bildumschalter
- Realistische Produkt-Screens für Projektcover, gebaut aus einem Mockup-Kit oder aus deinen eigenen Screenshots
- Schriften und Bilder eingebettet in eine Datei, die offline in jedem Browser öffnet
So nutzt du es
- Teile deinen Namen, deine Rolle, Projekte, Jobs und ein paar Essay-Ideen mit; fehlende Texte werden für dich entworfen.
- Dein Agent baut die Produkt-Screens, generiert oder platziert Fotos, füllt jede Seite und prüft sie auf Desktop und Smartphone.
- Öffne die einzelne Datei, klick dich durch die Seiten und beschreibe Änderungen in eigenen Worten.
Das Kontaktformular bestätigt auf der Seite und sendet nichts, bis du einen Dienst anbindest. Für Fotos, die mit dem Bildtool deines Agenten erstellt werden, können dessen Nutzungskosten anfallen.
Was du vorab brauchst
- Du bringst mit
- Dein Name, deine Rolle, Stadt, Verfügbarkeit und E-Mail · Zwei bis vier Projekte mit Problem, Prozess, Ergebnissen und – falls vorhanden – Screenshots · Dein beruflicher Werdegang und ein paar Essay-Ideen
- 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 Porträt-, Arbeitsplatz- und Essay-Fotos oder eigene Fotos
- Externe Kosten
- Porträt-, Arbeitsplatz- und Essay-Fotos werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Produkt-Screens werden als Mockups gebaut, und deine eigenen Fotos und Screenshots können jedes Bild ersetzen.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …