Portfolio Hairline Gridv1.0.4
Utilisez ce Skill pour créer une page web.
En hausse
5.031 téléchargements0 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un site personnel dessiné comme une planche technique : un rail de contenu centré sur des filets fins pleine largeur, des tons zinc monochromes avec des thèmes clair et sombre complets, des bandes rayées entre les sections, un dessin isométrique Fig. 1 et une ligne de rôle qui bascule. Il couvre le profil, une heatmap d'activité, une sélection de projets avec pages d'étude de cas complètes, l'expérience, la stack, des articles avec de vrais essais, une page à propos et un formulaire de contact validé. Par défaut, c'est un seul fichier autonome qui s'ouvre hors ligne, pensé pour les designers, design engineers et développeurs.
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 exemple de 15 routes pour le fictif Rowan Hale : accueil, index des projets avec quatre études de cas et des archives, articles avec essais complets, à propos, contact et une page 404 soignée.
- Des détails fonctionnels : menu de commandes, bascule de thème, filtres de projets et d'articles avec recherche, onglets de période de la heatmap, boutons de copie et formulaire de contact avec erreurs en ligne, chargement et confirmation.
- Des couvertures de projets dessinées comme de vrais écrans produit, des photos en noir et blanc dans une seule direction artistique, les polices Geist intégrées, plus un guide de style et des vérifications intégrées.
Idéal pour
- Les design engineers et développeurs qui veulent un site précis et sobre plutôt qu'un template tape-à-l'œil.
- Les candidats qui ont besoin d'études de cas, d'essais et d'un formulaire de contact lisibles dans les deux thèmes et sur mobile.
- Tous ceux qui aiment les filets fins, les légendes en monospace et la retenue monochrome.
Pas pour
- Les marques personnelles colorées et riches en images ; le système est en zinc monochrome avec un seul accent bleu.
- Les blogs qui ont besoin d'un système de gestion de contenu ; essais et études de cas vivent dans les données de la page.
- L'envoi de vrais messages clé en main : le formulaire de contact confirme sur la page tant que vous n'avez pas connecté de backend.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer un site portfolioRésultat modifiableWorkflow guidéVisuel soignéMinimalisteMonochromeGrille filairePlan technique
À propos de ce Skill
Transformez votre nom, votre parcours, vos projets et vos essais en un site personnel qui semble tracé sur une planche d'ingénieur : des filets fins sur toute la largeur de l'écran, des tons zinc monochromes, des bandes rayées et un petit Fig. 1 isométrique. L'exemple complet est Rowan Hale, design engineer fictif installé à Porto, avec 15 routes reliées. Le résultat par défaut est un seul fichier autonome qui s'ouvre hors ligne dans n'importe quel navigateur.
Ce que vous obtenez
- Un accueil avec Fig. 1, profil, faits clés, heatmap, à propos, sélection de projets, expérience, stack, articles et interventions
- Des pages d'étude de cas avec problème, démarche, galerie, résultats et crédits, et des essais avec barre de progression de lecture et table des matières
- Un menu de commandes, des thèmes clair et sombre, des filtres avec recherche, un menu mobile et un formulaire de contact validé
- Geist, Geist Mono et une note manuscrite en Caveat intégrées au fichier, pour que rien ne se charge depuis le réseau
Comment l'utiliser
- Indiquez votre nom, vos rôles, votre ville, vos projets avec leurs résultats, votre expérience, vos essais et vos coordonnées ; les faits manquants sont rédigés et listés.
- Votre agent remplit les données, dessine une couverture pour chaque projet et convertit votre portrait en noir et blanc.
- Ouvrez le site dans les deux thèmes, testez le menu de commandes et le formulaire de contact, puis demandez des modifications.
Votre propre portrait et vos photos ne coûtent rien de plus ; les photos générées peuvent entraîner des frais d'utilisation de votre outil d'image.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom, trois à cinq courtes formulations de rôle, ville, e-mail et disponibilité · Deux à six projets avec rôle, étapes de la démarche et résultats mesurables, plus l'expérience et les essais · Une photo portrait, ou l'autorisation d'en générer une provisoire
- 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 d'espace de travail ou de lieu
- Coûts externes
- Les photos générées avec l'outil d'image de votre agent peuvent entraîner des frais d'utilisation de cet outil. Vos propres photos et les couvertures de projets dessinées ne coûtent rien de plus.
- Dernier test
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…