Portfolio développeur éditorialv1.0.6
Utilisez ce Skill pour créer une page web.
En hausse
5.030 téléchargements0 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Un site personnel éditorial pour un software designer, développeur ou formateur indépendant : une étroite colonne blanche sur un fond pâle, un petit portrait rond, un titre discret sur une ligne et une bande inclinée de trois photos de studio. Les travaux sélectionnés s'ouvrent sur des études de cas complètes avec problème, démarche et résultats mesurés, les essais ont de vraies pages d'article, et des pages Enseignement, À propos et Contact complètent le site. Typographie ardoise monochrome en mode clair et sombre, avec des couvertures de projets dessinées comme des maquettes produit nettes plutôt que des photos d'ordinateur portable.
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 dans un seul fichier HTML autonome qui s'ouvre hors ligne : accueil, index des travaux, études de cas, index des écrits, articles, enseignement, à propos, contact, confidentialité et 404
- Des études de cas avec problème, constats, démarche, détails de design et résultats animés en compteur, plus un journal avec filtres par thème, recherche, progression de lecture et cartes auteur
- Geist, Newsreader et Geist Mono intégrées, thèmes clair et sombre, couvertures en maquettes produit, ainsi qu'un formulaire de contact, une liste d'attente et une newsletter qui valident et confirment
Idéal pour
- Les product designers, design engineers et développeurs indépendants qui vendent leur jugement à travers des études de cas
- Les formateurs et auteurs qui ont un cours, des ateliers ou des essais à montrer à côté de leurs travaux pour des clients
- Les indépendants qui veulent un site crédible dès maintenant, ou le même design adapté à leur propre projet Next.js, Nuxt, SvelteKit ou Astro
Pas pour
- Les studios ou agences qui présentent une équipe : tout le site s'exprime à la première personne d'une seule personne
- Les lancements de produit ou les pages marketing SaaS construites autour de grilles de fonctionnalités et de comparatifs d'offres
- Le traitement hébergé des formulaires ou un CMS prêt à l'emploi : les formulaires confirment sur la page tant que vous n'avez pas connecté votre propre service
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiablePortfolio éditorialImage en vedetteMonochromeJournal personnel
À propos de ce Skill
Dites-lui qui vous êtes, ce que vous avez construit et ce que vous enseignez, et obtenez un site personnel qui se lit comme la propre page d'accueil d'un praticien : une étroite colonne blanche, un petit portrait rond, un seul titre discret et une bande inclinée de photos de studio. Il se présente sous la forme d'un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Ce que vous obtenez
- Des travaux sélectionnés avec des études de cas complètes : problème, enseignements, démarche, détails de design et résultats mesurés
- Un journal d'écriture avec filtres par thème et recherche, et des pages d'article avec progression de lecture et carte auteur
- Une page Enseignement ou Services, une page À propos avec la chronologie de votre parcours, et un formulaire de contact qui valide et confirme
- Des couvertures de projets dessinées comme des maquettes produit nettes plutôt que des photos d'ordinateur portable, en thèmes clair et sombre
- Dans votre propre projet, le même design adapté avec de vraies routes
Comment l'utiliser
- Indiquez votre nom et votre discipline, trois à six projets avec leurs résultats, vos écrits, vos éventuels cours ou services et votre parcours professionnel
- Ajoutez votre portrait et vos photos de studio si vous en avez ; tout ce qui manque est rédigé ou généré à titre provisoire et listé pour que vous le remplaciez
- Ouvrez le fichier final dans votre navigateur et demandez des modifications avec vos propres mots, par exemple une nouvelle étude de cas ou un titre plus court
Les photos générées utilisent l'outil d'image de votre agent et peuvent entraîner ses frais d'utilisation. Les polices et les images sont intégrées, donc le fichier final n'effectue aucune requête réseau.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, votre discipline, vos disponibilités et votre e-mail de contact · 3 à 6 projets avec client, rôle, problème, démarche et résultats mesurés · Écrits, enseignement ou services, parcours professionnel, et vos propres portrait et photos de studio si vous en avez
- 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 · Facultatif : un outil de génération d'images dans votre agent pour les photos provisoires de portrait, de studio et d'articles
- Coûts externes
- Vos propres photos ne coûtent rien. Les photos provisoires de portrait, de studio, d'études de cas et d'articles sont générées avec l'outil d'image de votre agent, qui peut entraîner ses frais d'utilisation ; les photos de studio neutres fournies avec le Skill peuvent aussi rester comme images provisoires.
- Dernier test
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…