Editorial-Portfolio für Entwicklerv1.0.6
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.030 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Eine editoriale persönliche Website für unabhängige Software-Designer, Entwickler oder Lehrende: eine schmale weiße Spalte auf hellem Grund, ein kleines rundes Porträt, eine ruhige einzeilige Headline und ein schräg gestellter Streifen mit drei Studiofotos. Ausgewählte Arbeiten öffnen sich zu vollständigen Case Studies mit Problem, Prozess und gemessenen Ergebnissen, Essays bekommen richtige Artikelseiten, und Seiten für Lehre, About und Kontakt runden die Website ab. Monochrome Schiefer-Typografie in Hell und Dunkel, Projekt-Cover als gestochen scharfe Produkt-Mockups statt Laptopfotos.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein vollständiges Portfolio in einer eigenständigen HTML-Datei, die offline öffnet: Startseite, Projektübersicht, Case Studies, Artikelübersicht, Artikel, Lehre, About, Kontakt, Datenschutz und 404
- Case Studies mit Problem, Erkenntnissen, Prozess, Designdetails und hochzählenden Ergebnissen, dazu ein Journal mit Themenfiltern, Suche, Lesefortschritt und Autorenkarten
- Geist, Newsreader und Geist Mono eingebettet, helles und dunkles Theme, Produkt-Mockups als Cover sowie Kontaktformular, Warteliste und Newsletter, die validieren und bestätigen
Passt gut für
- Unabhängige Produktdesigner, Design Engineers und Entwickler, die ihr Urteilsvermögen über Case Studies verkaufen
- Lehrende und Autoren mit einem Kurs, Workshops oder Essays, die sie neben ihrer Kundenarbeit zeigen wollen
- Solo-Praktiker, die jetzt eine vertrauenswürdige Website wollen oder dasselbe Design in ihr eigenes Next.js-, Nuxt-, SvelteKit- oder Astro-Projekt übertragen möchten
Nicht geeignet für
- Studios oder Agenturen, die ein Team präsentieren: Die gesamte Website spricht in der Ich-Form einer einzelnen Person
- Produktlaunches oder SaaS-Marketingseiten, die auf Feature-Rastern und Tarifvergleichen aufbauen
- Gehostete Formularverarbeitung oder ein CMS ab Werk: Formulare bestätigen auf der Seite, bis du deinen eigenen Dienst anbindest
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisEditoriales PortfolioBildgeführtMonochromPersönliches Journal
Über diesen Skill
Erzähl, wer du bist, was du gebaut hast und was du unterrichtest, und du bekommst eine persönliche Website, die sich wie die eigene Titelseite einer Praktikerin liest: eine schmale weiße Spalte, ein kleines rundes Porträt, eine ruhige Headline und ein schräg gestellter Streifen mit Studiofotos. Sie kommt als eine eigenständige Datei, die in jedem Browser öffnet und offline funktioniert.
Das bekommst du
- Ausgewählte Arbeiten mit vollständigen Case Studies: Problem, Erkenntnisse, Prozess, Designdetails und gemessene Ergebnisse
- Ein Schreib-Journal mit Themenfiltern und Suche sowie Artikelseiten mit Lesefortschritt und Autorenkarte
- Lehre oder Services, eine About-Seite mit deinem Werdegang als Timeline und ein Kontaktformular, das validiert und bestätigt
- Projekt-Cover als gestochen scharfe Produkt-Mockups statt Laptopfotos, in hellem und dunklem Theme
- In deinem eigenen Projekt dasselbe Design, portiert mit echten Routen
So nutzt du es
- Gib deinen Namen und deine Disziplin an, drei bis sechs Projekte mit ihren Ergebnissen, deine Texte, Kurse oder Services und deinen beruflichen Werdegang
- Füge dein Porträt und Studiofotos hinzu, wenn du welche hast; alles Fehlende wird als Platzhalter entworfen oder generiert und zum Ersetzen aufgelistet
- Öffne die fertige Datei im Browser und beschreibe Änderungen in eigenen Worten, etwa eine neue Case Study oder eine kürzere Headline
Generierte Fotos nutzen das Bildtool deines Agenten, für das dessen Nutzungskosten anfallen können. Schriften und Bilder sind eingebettet, sodass die fertige Datei keine Netzwerkanfragen stellt.
Was du vorab brauchst
- Du bringst mit
- Dein Name, deine Disziplin, Verfügbarkeit und Kontakt-E-Mail · 3 bis 6 Projekte mit Kunde, Rolle, Problem, Prozess und gemessenen Ergebnissen · Texte, Lehre oder Services, beruflicher Werdegang sowie eigenes Porträt und Studiofotos, falls vorhanden
- 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 · Optional: ein Bildgenerierungstool in deinem Agenten für Platzhalter-Porträt, Studio- und Artikelfotos
- Externe Kosten
- Deine eigenen Fotos kosten nichts. Platzhalter für Porträt, Studio-, Case-Study- und Artikelfotos werden mit dem Bildtool deines Agenten generiert, für das dessen Nutzungskosten anfallen können; neutrale Studiofotos, die dem Skill beiliegen, können auch als Platzhalter bleiben.
- Zuletzt getestet
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …