
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Accueil, Services, Tarifs avec trois pages de formule, Réalisations avec six études de cas, À propos, Méthode, Contact avec formulaire de brief, Conditions et une page 404 soignée
- Le style signature : Schibsted Grotesk associée à Newsreader Italic, un portrait détouré aux tons bleus, un vrai sélecteur clair/sombre et une bande de pastilles qui tombent
- Des études de cas avec écrans produit dans des cadres de téléphone et de navigateur, comparatifs de formules, FAQ, filtres et recherche de projets, le tout dans un seul fichier qui fonctionne hors ligne
Idéal pour
- Designers indépendants qui vendent des formules à prix fixe et veulent une première impression éditoriale audacieuse
- Développeurs freelance, designers de marque et consultants qui peuvent organiser leur offre en services, formules et études de cas
- Toute personne qui veut dès aujourd'hui un site multipage fini, à ouvrir depuis le disque ou à publier en un seul fichier
Pas pour
- Paiements ou réservations réels : le formulaire de brief et les boutons de formule confirment sur la page, l'envoi nécessite votre propre backend
- Agences avec de grandes équipes ; la mise en page est pensée pour une personne, un portrait et une voix
- Palettes sourdes ou multicolores ; le style repose sur le blanc, l'encre et un seul cobalt
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer un site portfolioStyle verrouilléRésultat modifiableSerif éditorialMonochrome cobaltPortrait bichromieBascule clair/sombreTags pilule
À propos de ce Skill

Transformez vos services, formules et projets en un site de designer qui vend. Le Hero vous place au cœur du titre : deux mots serif en italique au-dessus d'un mot cobalt géant, coupé par votre portrait aux tons bleus, avec une pastille d'en-tête qui bascule vraiment entre clair et sombre. Tout le site, des Services aux Conditions, 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 large bande cobalt où des pastilles de services blanches tombent et s'empilent, une grille de tarifs, une sélection de projets, une frise de méthode et des témoignages
- Services avec prix de départ, Tarifs avec une page par formule et un comparatif côte à côte, et Réalisations avec filtres, recherche et six études de cas
- Des études de cas qui montrent des écrans produit dessinés dans des cadres de téléphone et de navigateur sur l'image de chaque projet
- À propos, Méthode, Contact avec un formulaire de brief validé et des créneaux d'appel découverte, Conditions et une page 404 soignée
- Schibsted Grotesk et Newsreader Italic intégrées avec toutes les images, pour une page qui n'effectue aucune requête réseau

Comment l'utiliser
- Donnez au Skill votre nom, votre discipline, les mots du Hero, vos services, deux à quatre formules, quelques projets et vos coordonnées.
- Il remplit chaque page, rédige ce qui manque d'une voix assurée à la première personne et vous liste ces brouillons pour validation.
- Ouvrez le fichier dans les deux thèmes, parcourez toutes les pages et demandez des modifications avec vos propres mots.

Votre portrait et les nouvelles images de projet viennent de vous ou de 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, un logotype en un mot, votre discipline, deux mots en italique pour le Hero et un mot cobalt · Six à douze services avec leurs prix, et deux à quatre formules avec prix, délai et contenu · Des projets avec client, rôle, problème, approche et résultat, ainsi que vos coordonnées et disponibilités
- 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 votre portrait, les images de projet et les photos de studio ; facultatif si vous fournissez les vôtres
- Coûts externes
- Les images que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, ce qui peut entraîner ses frais d'utilisation. Des photos de studio neutres sont fournies avec le Skill, les écrans des études de cas sont dessinés en code et la page finale n'effectue aucune requête réseau. Consulter l'exemple ne coûte rien.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









