
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- 22 pages reliées : accueil, index des travaux, quatre études de cas, services avec trois pages détaillées, à propos, expérience, un journal avec quatre articles, contact, FAQ, newsletter, confidentialité et 404
- Le look doodle : titres en Young Serif, texte en Figtree, notes manuscrites en Kalam, une forme lilas pour le portrait, du scotch, des flèches et des soulignements qui se dessinent une fois à l'apparition
- Des éléments fonctionnels : un estimateur de prix, des filtres de travaux avec recherche et tri, des onglets d'aperçu dans les études de cas, un carrousel de témoignages, des onglets FAQ et des formulaires validés, dans un seul fichier hors ligne
Idéal pour
- Les développeurs front-end et product designers qui veulent un portfolio avec de la personnalité plutôt qu'un template sombre
- Les petits studios, illustrateurs et créateurs de produits indépendants qui peuvent présenter leur travail sous forme d'études de cas, de services et de notes
- Les freelances qui veulent afficher leurs prix et leur méthode d'emblée pour recevoir des demandes mieux qualifiées
Pas pour
- Les marques corporate ou formelles ; les notes manuscrites et les fonds pastel sont volontairement ludiques
- L'envoi réel de messages : les formulaires de contact et de newsletter confirment sur la page et nécessitent votre propre backend pour envoyer
- Les sites sans personne à mettre en avant ; le Hero est construit autour d'un portrait et d'une carte de visite
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site portfolioStyle verrouilléRésultat modifiableHero doodleNote manuscriteNote d'identitéScène portrait
À propos de ce Skill

Transformez votre travail en un portfolio qui a l'allure d'un carnet de croquis : un immense titre serif cobalt sur fond crème chaleureux, votre portrait découpé dans une forme lilas avec une fiche d'identité scotchée, et des flèches, fleurs et soulignements dessinés à la main intégrés à la mise en page. Le site d'exemple compte 22 pages reliées et se présente sous la forme d'un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur.

Ce que vous obtenez
- Une page d'accueil avec à propos, services, travaux sélectionnés, expérience, méthode, boîte à outils, témoignages, notes et un appel à l'action final
- Des études de cas avec des aperçus produit dessinés dans des onglets desktop, mobile et composants, plus un index des travaux avec filtres, recherche et tri
- Des services avec des cartes à prix fixe et un estimateur en direct qui met à jour une fourchette de prix selon vos choix
- Des pages À propos, Expérience, un journal avec articles complets, FAQ, newsletter, confidentialité, contact et une page 404 soignée
- Young Serif, Figtree, Kalam et Geist Mono intégrées avec toutes les images, pour que la page n'effectue aucune requête réseau

Comment l'utiliser
- Indiquez votre nom, votre métier, vos projets, vos services et vos coordonnées, ainsi qu'un portrait si vous en avez un.
- Le Skill remplit chaque page, rédige tout ce qui manque sous forme de texte provisoire plausible et vous en donne la liste pour validation.
- Ouvrez le fichier, testez l'estimateur, les filtres et les formulaires, et demandez des modifications avec vos propres mots.

Les photos et illustrations que vous ne fournissez pas sont produites par l'outil d'image de votre agent, qui peut entraîner ses propres frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Votre nom, votre métier, votre ville et une courte présentation, ainsi qu'un portrait si vous en avez un · Deux à six projets avec le brief, les décisions clés et le résultat, ainsi que les services que vous proposez avec leurs prix · Facultatif : expérience, boîte à outils, témoignages, articles et coordonnées
- 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 le portrait, les photos de studio et de mise en situation et les illustrations du journal ; facultatif si vous fournissez les vôtres
- Coûts externes
- Les photos et illustrations que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, qui peut entraîner ses propres frais d'utilisation. Les aperçus produit sont dessinés en code et la page finale n'effectue aucune requête réseau. Consulter l'exemple est gratuit.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









