Portfolio Inkwellv1.0.3
Utilisez ce Skill pour créer une page web.
En hausse
5.033 téléchargements1 « j'aime »1 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un portfolio personnel complet au style éditorial apaisé : une barre latérale fixe avec portrait, disponibilité et une pastille sombre Read resume, à côté d'une feuille de contenu blanche aux angles arrondis et aux titres en dégradé d'encre. Il comprend un index des projets filtrable, des études de cas complètes avec sélecteur d'images, une section d'écrits avec recherche et pages d'articles, une page à propos, un CV chronologique, un contact et une page 404 soignée. L'exemple est Mara Voss, une product designer fictive, et le rendu par défaut est un seul fichier autonome qui fonctionne hors ligne.
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 d'exemple finalisé de 15 routes pour Mara Voss : quatre études de cas, quatre essais, à propos, CV, contact et une page 404, avec photographies et écrans produit réalistes.
- Des détails fonctionnels : filtres de projets, recherche dans les écrits avec pastilles de thèmes, sélecteur d'images dans les études de cas, carrousel de citations, formulaire de contact validé et tiroir mobile avec gestion du focus.
- Votre portfolio sous forme d'un seul fichier hors ligne avec Instrument Sans, Newsreader et Geist Mono intégrées, plus un kit de maquettes pour les écrans produit et les règles de style que suit votre agent.
Idéal pour
- Les product designers et développeurs qui veulent réunir projets, écrits et CV derrière un seul lien.
- Les candidats qui ont besoin d'études de cas montrant leur démarche, leurs résultats et leurs décisions difficiles.
- Les photographes, rédacteurs, consultants ou ingénieurs qui veulent un site personnel apaisé avec de vraies pages intérieures.
Pas pour
- Les marques bruyantes, très colorées ou fortement animées ; Inkwell est discret, lumineux et porté par la typographie.
- Les grandes galeries photo : chaque étude de cas présente quelques images choisies, pas des centaines.
- Les formulaires actifs : le formulaire de contact valide et confirme sur la page mais n'envoie rien tant que vous n'avez pas connecté de service.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer une page portfolioStyle verrouilléRésultat modifiableTypographie encre dégradéeNavigation latéraleCartes à ombre douceMinimal neutre chaud
À propos de ce Skill
Transformez vos projets, vos écrits et votre parcours en un site personnel apaisé : une barre latérale fixe avec votre portrait et une pastille sombre Read resume, à côté d'une feuille blanche aux titres en dégradé d'encre. L'exemple est Mara Voss, une product designer fictive basée à Rotterdam, avec quatre études de cas et quatre essais.
Ce que vous obtenez
- Un accueil, un index des projets filtrable, des études de cas complètes, un index des écrits avec recherche et pages d'articles, une page à propos, un CV chronologique, un contact et une page 404 soignée
- Des études de cas avec problème, démarche, résultats, la décision difficile et un sélecteur d'images
- Des écrans produit réalistes pour les couvertures de projets, construits à partir d'un kit de maquettes ou issus de vos propres captures d'écran
- Polices et images intégrées dans un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur
Comment l'utiliser
- Indiquez votre nom, votre rôle, vos projets, vos postes et quelques idées d'essais ; le texte manquant est rédigé pour vous.
- Votre agent construit les écrans produit, génère ou place les photos, remplit chaque page et vérifie le rendu sur ordinateur et sur téléphone.
- Ouvrez le fichier unique, parcourez les pages et demandez des modifications en langage courant.
Le formulaire de contact confirme sur la page et n'envoie rien tant que vous n'avez pas connecté de service. Les photos créées avec l'outil d'image de votre agent peuvent entraîner des frais d'utilisation propres à cet outil.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, votre rôle, votre ville, votre disponibilité et votre e-mail · Deux à quatre projets avec le problème, la démarche, les résultats et des captures d'écran si vous en avez · Votre parcours professionnel et quelques idées d'essais
- 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 de génération d'images dans votre agent pour le portrait, l'espace de travail et les photos d'essais, ou des photos que vous fournissez
- Coûts externes
- Le portrait, l'espace de travail et les photos d'essais sont générés avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation propres à cet outil. Les écrans produit sont construits sous forme de maquettes, et vos propres photos et captures d'écran peuvent remplacer n'importe quelle image.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…