Portfolio développeur Basaltv1.0.4
Utilisez ce Skill pour créer une page web.
Populaire
5.098 téléchargements2 « j'aime »0 enregistrements
Gratuit
Un site personnel complet de développeur sur fond presque noir, avec un seul accent cyan et une typographie Geist épurée. Au-delà d'une page d'accueil au titre sobre et plein d'autodérision, il comprend des études de cas avec fenêtres produit dessinées, des articles complets, des conférences avec notes, une page Uses, une page À propos avec les étapes de carrière, un CV et un formulaire de contact. Il convient aux développeurs qui veulent que leurs projets, leurs écrits et leur parcours se lisent comme une œuvre cohérente plutôt qu'une liste de liens.
Le plus souvent choisi par
Mis à jour le 3 oct. 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Un portfolio complet : accueil, index des projets avec études de cas, écrits avec articles complets, conférences avec notes, Uses, À propos avec étapes de carrière, CV, contact et page 404
- Le style basalte : zinc presque noir, un seul accent cyan, polices Geist et Geist Mono, navigation flottante en pilule et onglets d'expérience éclairés par un faisceau lumineux descendant
- Des couvertures de projet dessinées comme de vrais écrans de produit et une série de photos assortie, le tout réuni dans un fichier qui s'ouvre hors ligne dans n'importe quel navigateur
Idéal pour
- Les développeurs et indie hackers qui veulent réunir études de cas, écrits, conférences et CV dans un seul site personnel
- Les freelances et candidats qui ont besoin d'un site percutant pour se faire recruter, publiable dès aujourd'hui en un seul fichier
- Les personnes qui aiment un style sombre, discret, centré sur la typographie, avec une seule couleur d'accent
Pas pour
- Les données en direct des plateformes de code : étoiles des dépôts, articles et conférences sont écrits dans la page comme contenu statique
- Les marques personnelles claires, colorées ou très photographiques ; Basalt est uniquement sombre, avec un seul accent cyan
- Un back-end de formulaire fonctionnel : le formulaire de contact valide et confirme dans la page, et nécessite votre propre gestionnaire pour acheminer les messages
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer un site portfolioStyle verrouilléRésultat modifiableFaisceaux animésAccent cyanZinc sombreMinimal développeurCartes lumineuses au survol
À propos de ce Skill
Transformez votre parcours, vos projets et vos écrits en site complet de développeur : une page presque noire avec un seul accent cyan, une navigation flottante en pilule et un titre sobre plein d'autodérision. Études de cas, articles, conférences, page Uses, page À propos et CV sont tous reliés, et l'ensemble du site tient dans un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur.
Ce que vous obtenez
- Une page d'accueil avec une sélection de projets, un rail d'expériences à onglets éclairé par un faisceau lumineux descendant, une grille open source avec dévoilement Show More, les derniers écrits, Uses et les conférences
- Des pages d'études de cas dont les couvertures de projet sont dessinées comme de vrais écrans de produit, plus des pages d'articles complets avec table des matières et code copiable
- Une page À propos avec portrait, principes et frise des étapes année par année, un CV, une page de conférences avec notes et un formulaire de contact validé
- Une palette de commandes, un menu mobile, des filtres avec recherche et états vides, et des animations sobres qui se désactivent pour les utilisateurs ayant réduit les animations
- Les polices Geist et Geist Mono et toutes les images intégrées, pour que la page n'effectue aucune requête réseau
Comment l'utiliser
- Présentez-vous au Skill : votre rôle, vos employeurs et ce que vous y avez fait, vos projets et leurs résultats, ainsi que vos dépôts, articles et conférences. Ajoutez votre portrait si vous en avez un.
- Il remplit le site avec vos informations, rédige dans le ton maison tout ce que vous avez omis et liste ces brouillons pour que vous les confirmiez ou les supprimiez.
- Ouvrez le fichier, parcourez chaque page et demandez des modifications avec vos propres mots, par exemple « supprime la page des conférences » ou « ajoute un cinquième projet ».
Les photos que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, qui peut avoir ses propres frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, rôle, localisation, disponibilité et une bio de deux ou trois phrases · Vos employeurs avec des réalisations concrètes, et deux à six projets avec le problème, les décisions et les résultats · Facultatif : dépôts, articles, conférences, outils, étapes de carrière et votre propre portrait ou photos d'événements
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent pour les photos que vous ne fournissez pas (portrait, photos de conférences, nature morte de bureau) ; facultatif si vous fournissez les vôtres
- Coûts externes
- Les photos que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation de cet outil. Les fonds de projet sont fournis avec le Skill, et la page finale n'effectue aucune requête réseau. Consulter l'exemple est gratuit.
- Dernier test
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…