
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un exemple de 31 routes pour Loudish, studio fictif de Bristol : six études de cas, cinq secteurs, quatre services, processus, tarifs, studio, trois articles de journal, FAQ, contact et une page 404.
- Des éléments fonctionnels : stickers du Hero déplaçables, filtres de réalisations avec recherche et tri, onglets de processus, carrousel de témoignages, bascule de tarifs et simulateur de devis qui préremplit le formulaire de contact.
- Un seul fichier autonome avec Bricolage Grotesque et Instrument Sans intégrées, un plan d'illustrations, un guide de style et des vérifications intégrées pour repérer les noms d'exemple oubliés.
Idéal pour
- Les studios de branding, web et design qui veulent un site sympathique avec de vraies études de cas et des tarifs publiés.
- Les studios de yoga, de poterie ou d'autres activités à cours, qui peuvent transformer les services en cours et les tarifs en forfaits.
- Les freelances ou petites structures qui veulent réunir projets, tarifs et parcours de demande dans un site ludique.
Pas pour
- Les entreprises corporate qui ont besoin d'un style sobre ; les stickers et les teintes vives sont tout l'intérêt.
- La réception de vraies demandes ou de paiements : les formulaires confirment sur la page et n'envoient rien tant que vous n'avez pas connecté de backend.
- Les marques qui ont besoin d'accents violets ou d'un thème sombre ; le design repose sur un fond crème chaleureux avec des stickers rose, vert, orange et jaune.
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer un site d'agenceStyle verrouilléRésultat modifiableAgence : à proposHero agenceAutocollants d'agenceAutocollant rose
À propos de ce Skill

Donnez au Skill les services, les tarifs et les projets de votre studio, et il construit un site joyeux et complet : un fond crème chaleureux, de grandes capitales centrées, une pile de stickers découpés sous le Hero et une seule famille d'illustrations en aplat pour les réalisations. L'exemple est Loudish, un studio fictif de Bristol, avec 31 routes reliées entre elles. 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
- Une page d'accueil avec le Hero à stickers, les logotypes clients, une présentation, une grille bento des services, une grille de réalisations, des onglets de processus, des témoignages, une FAQ, le journal et un panneau d'appel à l'action vert
- Des études de cas avec brief, réponse, livrables, système de marque, une deuxième illustration, une citation du client et les crédits
- Des tarifs avec bascule projet ou mensuel, un tableau comparatif et un simulateur de devis, ainsi que des pages processus, studio, journal, FAQ et contact
- Bricolage Grotesque et Instrument Sans intégrées au fichier, pour que rien ne se charge depuis le réseau

Comment l'utiliser
- Indiquez le nom de votre studio, vos services et leurs prix, vos projets, votre équipe, votre adresse et vos coordonnées.
- Votre agent remplit les collections, génère les illustrations dans un même style et vérifie chaque route et chaque lien.
- Testez les filtres, le simulateur de devis et les formulaires sur ordinateur et sur téléphone, puis demandez vos modifications.

Les illustrations générées peuvent entraîner des frais d'utilisation de votre outil d'image. Les formulaires affichent une confirmation sur la page et précisent que rien n'a été envoyé tant qu'aucun backend n'est connecté.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du studio, une description en une ligne et le titre de Hero souhaité · Services avec prix, projets avec le contenu nécessaire à chaque étude de cas, et votre équipe · Adresse, e-mail, téléphone, horaires et toute illustration qui vous appartient
- 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, ou des illustrations qui vous appartiennent, pour les nouvelles illustrations
- Coûts externes
- La génération d'illustrations avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil. Vos propres illustrations et les illustrations réutilisables des services et du journal ne coûtent rien de plus.
- Dernier test
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









