Basalt Entwickler-Portfoliov1.0.4
Nutze diesen Skill für: Webseite erstellen.
Beliebt
5.098 Downloads2 Likes0-mal gemerkt
Kostenlos
Komplette Entwickler-Website auf fast schwarzem Grund mit einem Cyan-Akzent und klarer Geist-Schrift. Neben einer Startseite mit kleiner, selbstironischer Headline: Case Studies mit gezeichneten Produktfenstern, Artikel, Talks mit Notizen, Uses, Über mich mit Meilensteinen, Lebenslauf und Kontaktformular. Damit Arbeit, Texte und Werdegang wie ein Gesamtwerk wirken, nicht wie eine Linkliste.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine vollständige Portfolio-Website: Startseite, Arbeitsübersicht mit Case Studies, Texte mit vollständigen Artikeln, Talks mit Notizen, Uses, Über mich mit Meilensteinen, Lebenslauf, Kontakt und eine 404-Seite
- Der Basalt-Look: fast schwarzes Zink, ein Cyan-Akzent, Geist- und Geist-Mono-Typografie, eine schwebende Pill-Navigation und Erfahrungs-Tabs, beleuchtet von einem fallenden Lichtstrahl
- Projekt-Cover, gezeichnet als echte Produktscreens, plus ein passendes Fotoset – alles in einer Datei, die offline in jedem Browser öffnet
Passt gut für
- Entwickler:innen und Indie Hacker, die Case Studies, Texte, Talks und Lebenslauf auf einer persönlichen Website vereinen wollen
- Freelancer und Jobsuchende, die eine prägnante Hire-me-Website brauchen, die sie heute noch als einzelne Datei veröffentlichen können
- Menschen, die einen dunklen, ruhigen, typografiegetriebenen Look mit einer einzigen Akzentfarbe mögen
Nicht geeignet für
- Live-Daten von Code-Hostern: Repo-Sterne, Posts und Talks stehen als statischer Inhalt in der Seite
- Helle, farbenfrohe oder fotolastige Personal Brands; Basalt ist nur dunkel und hat einen Cyan-Akzent
- Ein funktionierendes Formular-Backend: Das Kontaktformular validiert und bestätigt auf der Seite und braucht deinen eigenen Handler, um Nachrichten zuzustellen
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseWebseite erstellenPortfolio-Website erstellenStil fixiertBearbeitbares ErgebnisLichtstrahl-AnimationCyan-AkzentDunkles ZinkDeveloper-MinimalHover-Glow-Karten
Über diesen Skill
Mach aus deinem Werdegang, deinen Projekten und Texten eine komplette Entwickler-Website: eine fast schwarze Seite mit einem Cyan-Akzent, einer schwebenden Pill-Navigation und einer kleinen, selbstironischen Headline. Case Studies, Artikel, Talks, eine Uses-Seite, eine Über-mich-Seite und ein Lebenslauf sind alle verknüpft, und die gesamte Website kommt als eine Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Eine Startseite mit ausgewählten Arbeiten, einer Erfahrungsleiste mit Tabs, beleuchtet von einem fallenden Lichtstrahl, einem Open-Source-Raster mit Show More-Aufklappen, neuesten Texten, Uses und Talks
- Case-Study-Seiten, deren Projekt-Cover als echte Produktscreens gezeichnet sind, plus vollständige Artikelseiten mit Inhaltsverzeichnis und kopierbarem Code
- Über mich mit Porträt, Prinzipien und einer Meilenstein-Timeline Jahr für Jahr, ein Lebenslauf, eine Talks-Seite mit Notizen und ein validiertes Kontaktformular
- Eine Command Palette, ein Mobile-Menü, Filter mit Suche und Leerzuständen sowie ruhige Animationen, die sich bei reduzierter Bewegung abschalten
- Geist- und Geist-Mono-Typografie und alle Bilder eingebettet, sodass die Seite keine Netzwerkanfragen stellt
So nutzt du es
- Erzähl dem Skill, wer du bist: deine Rolle, deine Arbeitgeber und was du dort gemacht hast, deine Projekte mit ihren Ergebnissen sowie Repos, Posts und Talks. Füge dein Porträt hinzu, falls du eines hast.
- Der Skill füllt die Website mit deinen Fakten, entwirft alles Ausgelassene im Hausstil und listet diese Entwürfe zur Bestätigung oder Entfernung auf.
- Öffne die Datei, klick dich durch jede Seite und bitte in einfachen Worten um Änderungen, etwa "entferne die Talks-Seite" oder "füge ein fünftes Projekt hinzu".
Fotos, die du nicht lieferst, werden mit dem Bildtool deines Agenten generiert, das eigene Nutzungskosten haben kann.
Was du vorab brauchst
- Du bringst mit
- Dein Name, Rolle, Standort, Verfügbarkeit und eine Bio aus zwei bis drei Sätzen · Arbeitgeber mit konkreten Erfolgen sowie zwei bis sechs Projekte mit Problem, Entscheidungen und Ergebnissen · Optional: Repos, Posts, Talks, Tools, Meilensteine und dein eigenes Porträt oder Event-Fotos
- 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 (Porträt, Talk-Fotos, Schreibtisch-Stillleben); optional, wenn du eigene bereitstellst
- Externe Kosten
- Fotos, die du nicht lieferst, werden mit dem eigenen Bildtool deines Agenten generiert, was dessen Nutzungskosten verursachen kann. Die Projekthintergründe werden mit dem Skill geliefert, und die fertige Seite stellt keine Netzwerkanfragen. Das Ansehen des Beispiels kostet nichts.
- Zuletzt getestet
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …