Skyline Developer-Journalv1.0.5
Nutze diesen Skill für: Webseite erstellen.
Im Kommen
5.032 Downloads1 Likes1-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine ruhige, inhaltsorientierte persönliche Website für einen unabhängigen Entwickler: eine fixierte Seitenleiste, ein einziger blauer Akzent, ein zurückhaltender, textbasierter Hero, Longform-Essays mit lesefreundlichem Satz und Case Studies, die die echte Oberfläche jedes Produkts zeigen. Archiv, Suche, Artikel-Tools, Lebenslauf, Kontakt und Newsletter funktionieren alle, im hellen und dunklen Modus, als eine eigenständige Datei, die in jedem Browser öffnet und offline läuft.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine eigenständige Website-Datei, die in jedem Browser öffnet und offline funktioniert, mit eingebauten Schriften und Bildern; eine Übertragung in dein eigenes Framework-Projekt, wenn du eines hast.
- Ein durchsuchbares, filterbares Archiv und Longform-Artikel mit Inhaltsverzeichnis, Lesefortschritt, Code-Kopierfunktion und einem interaktiven Diagramm.
- Case Studies mit gezeichneten Produktscreens, dazu Seiten für Über mich, Lebenslauf, Kontakt, Newsletter, Kolophon und Datenschutz, gezeigt in einem Beispiel mit 24 Seiten.
Passt gut für
- Unabhängige Entwickler und Solo-Gründer, die öffentlich über die Produkte schreiben, die sie betreiben.
- Kleine Studios oder Beratungen, die aus Über mich ein Studio-Profil und aus dem Lebenslauf ihre Leistungen machen können.
- Forschende und technische Autoren, die den Arbeitsbereich weglassen und Journal, Vorträge und Newsletter behalten können.
Nicht geeignet für
- Einen echten Newsletter oder echte Kontaktnachrichten versenden; Formulare zeigen eine lokale Bestätigung, bis du deinen eigenen Anbieter anbindest.
- Bildlastige Portfolios oder laute Marketing-Websites; das Design ist ruhig und textorientiert.
- Die fiktive Noor Halvorsen, ihre Produkte oder ihre Zahlen als echt zu veröffentlichen.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenStil fixiertBearbeitbares ErgebnisBlauer AkzentContent zuerstEntwickler-JournalSidebar-Layout
Über diesen Skill
Skyline Developer-Journal baut eine ruhige, inhaltsorientierte persönliche Website für einen unabhängigen Entwickler: eine fixierte Seitenleiste links, ein einziger blauer Akzent, ein zurückhaltender, textbasierter Hero, Longform-Essays mit lesefreundlichem Satz und Case Studies, die die echte Oberfläche jedes Produkts zeigen. Das Beispiel ist das Journal von Noor Halvorsen, einer fiktiven unabhängigen Entwicklerin in Bergen, mit 24 verknüpften Seiten im hellen und dunklen Modus.
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 Journal-Archiv mit Suche, Themen-Chips, Sortierung und Leerzustand, dazu Longform-Artikel mit Inhaltsverzeichnis, Lesefortschritt, Codeblöcken mit Kopierfunktion, Pull Quotes und einem interaktiven Umsatzdiagramm.
- Ein Arbeitsbereich mit Case Studies, die jedes Produkt als gezeichnete Oberfläche zeigen, mit Kennzahlen, Prozessschritten und einem Zitat.
- Über mich, ein druckbarer Lebenslauf, ein Kontaktformular mit Validierung, eine Newsletter-Seite mit Feeds, ein Kolophon, Datenschutz und eine 404-Seite.
- Eine Befehlspalette für die Suche, ein vollständiges dunkles Theme und ruhige Animationen, die Lesetext nie bewegen.
So nutzt du es
- Teile Namen und Rolle, zwei bis sechs Projekte mit echten Ergebnissen, mindestens sechs Beiträge oder deren Themen, deinen Werdegang, Vorträge, Kontakt-E-Mail und Newsletter-Namen mit. Fehlende Fakten werden als plausible Platzhalter entworfen und dir zur Bestätigung aufgelistet.
- Schick ein Porträt und ein Foto deines Arbeitsplatzes oder lass den Agenten Platzhalter und ein Cover pro Essay im selben bedeckten Licht generieren. Deine Produkte erscheinen als gezeichnete Oberflächen, nie als Stockfotos von Laptops.
- Öffne jede Seite auf Desktop und Smartphone im hellen und dunklen Modus, probier Suche, Filter, Artikel-Tools und Formulare aus und bitte um Änderungen.
Die Typografie ist in Geist, Newsreader und Geist Mono gesetzt und in die Datei eingebettet. Neue Fotos stammen aus dem Bildtool deines Agenten und können dort Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Dein Name, deine Rolle und zwei bis sechs Projekte mit echten Ergebnissen · Mindestens sechs Beiträge oder Themen, Werdegang, Vorträge, Kontakt-E-Mail und Newsletter-Name · Ein Porträt und ein Arbeitsplatzfoto oder deine Freigabe, Platzhalter 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 Porträt und Essay-Cover
- Externe Kosten
- Porträts, das Arbeitsplatzfoto und die Essay-Cover werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne ein solches Tool lieferst du eigene Fotos; sechs neutrale Cover lassen sich wiederverwenden, und Notizen nutzen eine typografische Kachel. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …