Site Vitrine
Site vitrine
Créez ou refondez un site vitrine avec votre agent IA, jusqu'à la mise en ligne.
par NXUS
Ce que ça fait
Un site vitrine rapide, bien référencé et que le client peut mettre à jour lui-même, construit avec votre agent IA en suivant un déroulé en 10 étapes.
Le skill guide l'agent de la première question à la mise en ligne : il interroge l'entreprise (ou audite le site existant), propose 3 à 4 directions visuelles vraiment différentes avant d'écrire la moindre ligne de code, construit le site, prépare le référencement local, sécurise l'espace de gestion, rédige les pages légales puis accompagne le nom de domaine, l'hébergement et Google Search Console, dans le bon ordre.
Téléchargement gratuit, version 1.0.0. L'archive ZIP contient le skill, une notice d'installation en français, 10 guides détaillés, des modèles de code (CMS, sécurité, bandeau cookies) et deux scripts : un audit de site existant et un contrôle avant mise en ligne.
Ce que l'agent va préparer
- Un brief complet à partir d'un questionnaire court, avec l'identité légale vérifiée dans le registre public.
- En refonte : l'inventaire des pages, du contenu et des performances, et le plan de redirections.
- 3 ou 4 maquettes HTML très différentes, passées à une grille anti « AI slop », pour choisir une direction avant de coder.
- Un site Next.js rapide, avec un espace admin optionnel pour modifier les prix et ajouter des photos de réalisations depuis un téléphone.
- La stratégie SEO local : mots-clés, une page par prestation, balises, données structurées, fiche Google Business Profile.
- La sécurité (limitation des tentatives de connexion, pot de miel, Turnstile, en-têtes HTTP) et le légal français (mentions légales, politique de confidentialité, bandeau cookies conforme CNIL).
- La mise en ligne : domaine, hébergement compatible avec le CMS, bascule DNS sans casser les e-mails, HTTPS, Search Console, sitemap, Google Analytics, suivi à J+7 et J+30.
Pour démarrer après installation
Utilise le skill site-vitrine pour refaire le site https://www.exemple.fr. Audite l'existant, récupère le contenu, propose-moi plusieurs directions visuelles, puis construis une version plus rapide et mieux référencée. Je veux pouvoir modifier moi-même mes prix et ajouter des photos de mes réalisations.
Pour un nouveau site, décrivez simplement votre activité et votre ville : l'agent pose les questions nécessaires. Ne donnez jamais de mot de passe ni de moyen de paiement dans la conversation : l'agent prépare, vous réalisez vous-même les achats et les connexions.
À savoir
Le skill est un guide de travail pour un agent de code, pas un site prêt à l'emploi : les modèles sont à relire et à adapter. Les informations juridiques couvrent le cas courant d'un site vitrine en France et ne remplacent pas un conseil juridique pour une activité réglementée ou de la vente en ligne. Poser de bonnes bases techniques ne garantit pas une position dans Google : le contenu, les avis et la fiche Google Business restent déterminants.
La démonstration complète est dans la vidéo Créer un site vitrine avec l'IA : de la refonte à la mise en ligne.
Cas d'usage
Refondre un vieux site WordPress
Auditer l'existant, récupérer le contenu et les photos, reconstruire un site plus rapide et rediriger les anciennes adresses pour garder le référencement.
Créer le site d'un artisan ou d'un commerce
Partir d'un questionnaire court pour obtenir un site clair, orienté appels et demandes de devis, avec des pages par prestation et par zone.
Donner la main au client
Ajouter un espace admin simple pour qu'il modifie ses tarifs et publie ses réalisations depuis son téléphone, sans risque de casser la mise en page.
Mettre en ligne sans rien oublier
Suivre l'ordre domaine, hébergement, DNS, HTTPS, Search Console, avec les mentions légales, le bandeau cookies et un contrôle final automatisé.
Comment l'installer
Claude
- Téléchargez et décompressez le ZIP.
- Copiez le dossier
site-vitrinedans.claude/skills/à la racine de votre projet. - Vérifiez la présence de
.claude/skills/site-vitrine/SKILL.md. - Dans Claude Code, lancez
/site-vitrineet décrivez votre activité ou donnez l'adresse du site à refaire.
Pour tous vos projets : ~/.claude/skills/site-vitrine/. Sauvegardez une éventuelle version existante avant remplacement. Node.js 18 ou plus récent est nécessaire pour les scripts.
Codex
- Téléchargez et décompressez le ZIP.
- Copiez le dossier
site-vitrinedans.agents/skills/à la racine de votre dépôt. - Vérifiez la présence de
.agents/skills/site-vitrine/SKILL.md. - Ouvrez ce dépôt dans Codex, puis utilisez
$site-vitrine. Rouvrez la session si le skill n'apparaît pas.
Gardez les sous-dossiers du package. Le skill s'adresse à un agent de code ayant accès au terminal ; il n'installe ni Next.js ni un hébergement à votre place.
Le verdict NXUS
Un déroulé complet pour livrer un site vitrine professionnel avec un agent IA, du questionnaire à la Search Console. La valeur vient des étapes de validation, des directions visuelles avant le code et des garde-fous sécurité et légal. Le skill ne remplace ni la relecture humaine, ni un conseil juridique, ni le travail de fond sur le référencement local.
Skills similaires
Superpowers: Test Driven Development
superpowers: test-driven-development
Pas une ligne de code sans un test qui plante d'abord. Loi de fer.
Frontend Design
frontend-design
Des interfaces qui ne puent pas l'IA générique. Du code front qui a du goût.
Dev & Code
Dynamic Island
Ajoutez des Live Activities à votre app iOS avec votre agent IA.
Apprends à créer tes propres skills & agents
Découvre nos formations pour construire tes outils IA.
Voir les formationsRessources connexes
Prompts ChatGPT
+500 prompts IA gratuits classés en 21 catégories
Annuaire Outils IA
Compare +60 outils IA avec guides et alternatives
Agent IA : le guide
C'est quoi un agent IA ? Définition, exemples et comment démarrer
Cas d'usage agents IA
+800 scénarios concrets par métier et par agent (Claude Code, Codex…)
Blog IA
Actualités, tutoriels et analyses sur l'intelligence artificielle
Passer à l’IA
Agent IA, formation des équipes et conduite du changement

