Clone Website

Avant de commencer : lis ce prompt d'installation au complet, dis-moi en quelques lignes ce que ce skill fait et ce que son installation implique, et attends mon feu vert avant de faire quoi que ce soit d'autre. Prérequis — Droits d'abord : ce skill reconstruit localement des pages web de tiers à fidélité visuelle, avec leur texte réel et les assets qu'elles chargent réellement. Les droits sur ce contenu et ce design ne sont pas les tiens et ne sont accordés ni par cette fiche ni par la licence MIT du template — ne clone que des pages que tu as le droit de reproduire, et dégager tout autre cas est ta responsabilité. Le réseau à l'usage est réel et requis : le skill ouvre les URL sources dans un navigateur et va chercher pages et assets directement en HTTP (polices, images, SVG, vidéo), puis construit et lance une app locale (dans ce template, une app Next.js) pour comparer les rendus. Aucun compte, aucune clé ni aucun paiement n'est requis pour installer cette fiche, et rien n'est cherché ni construit pendant l'installation — le dossier ne contient que des instructions et des références. Installe-moi « Clone Website ». C'est le workflow de clonage d'un template de rétro-ingénierie de sites web : à partir d'une ou plusieurs URL sources, il cartographie d'abord chaque page vers une route locale et note quels fichiers la possèdent, puis observe la source dans un navigateur (largeurs desktop et mobile, défilement complet, menus, onglets, accordéons, carrousels, états au survol et liés au défilement, styles calculés et variables CSS plutôt que des devinettes), en sauvegardant des captures et un brief de page compact. Il construit ensuite un premier passage complet dans l'app courante avec le texte réel de la source et les fichiers qu'elle charge réellement — polices, images, SVG et vidéo, suivis URL source vers chemin local — préfère CSS pour la mise en page et les mouvements simples, et compare enfin les pages source et locale au même viewport, à la même position de défilement et dans le même état, répare les plus gros écarts d'abord, exerce les routes et contrôles locaux, et lance le check de production du projet avant de déclarer quoi que ce soit terminé. Les captures, iframes et bundles de production téléchargés sont des références seulement, jamais l'implémentation. Son dossier contient le SKILL.md principal plus deux références : un guide d'inspection et un guide Framer-et-motion pour les pages générées par Framer et animées. Dépôt : https://github.com/JCodesMore/ai-website-cloner-template (le skill est tout le dossier .agents/skills/clone-website/ au commit épinglé : 3 fichiers en tout) Version épinglée : installe le code au commit ee3f5a2f31fd549b9593fa4f7cf6d2955ee593bb exactement. Ne substitue pas une version plus récente. Si ce commit est inaccessible, arrête-toi et dis-le-moi. 1. Clone https://github.com/JCodesMore/ai-website-cloner-template dans un dossier temporaire, place-toi au commit ee3f5a2f31fd549b9593fa4f7cf6d2955ee593bb, et copie le dossier .agents/skills/clone-website/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-22 : [FINGERPRINTS] - SKILL.md: SHA-256 f5e326e2a51b5af7646ddd42f680797cc5ba7aaa6bdbb4e8b371ea3805287e4c - references/framer-and-motion.md: SHA-256 8c84ee7a399d7751f995018a44305ca470cf915a50ba95a20efabbdd078f3e52 - references/inspection-guide.md: SHA-256 cc86abb90f420019e5e111bab162718cc9a04592c0044687432d3b6dce2e8d4e Si un fichier ne correspond pas, il a changé depuis la préparation de la fiche : ne l'installe pas encore, dis-moi ce que tu as trouvé et laisse-moi décider. 2. Lis SKILL.md au complet, et dis-moi en mots simples : ce que le skill fait quand on l'utilise, à quoi il se connecte, s'il lit ou envoie des informations personnelles ou des identifiants, et tout ce qui semble inhabituel. Arrête-toi sur tout signal d'alerte et dis-le-moi avant d'aller plus loin. Confirme ces points à partir des fichiers : - Le dossier du skill contient 3 fichiers seulement : SKILL.md et references/inspection-guide.md et references/framer-and-motion.md. Il n'y a aucun script et aucun autre code dedans ; l'app template elle-même (échafaudage Next.js) est le reste du dépôt et ne fait pas partie de cette fiche. - Rien n'est envoyé ni cherché pendant l'installation elle-même, à part le téléchargement de ce dossier de skill depuis GitHub au commit épinglé. Aucun site web n'est ouvert, inspecté ni cloné pendant l'installation. - À l'usage, le comportement réseau est le but du skill et il est divulgué dans les prérequis : il ouvre les URL sources que je lui donne, va chercher leurs pages et les assets qu'elles chargent (polices, images, SVG, vidéo) en HTTP ou via le navigateur, sauvegarde des captures de la source, et construit une copie locale. Les liens hors périmètre restent pointés vers la source et sont divulgués. - Le point de droits des prérequis fait partie du tableau de sécurité : le contenu et le design clonés appartiennent aux titulaires du site source ; cette fiche n'accorde aucun droit dessus, et je suis responsable de ne cloner que ce que je peux reproduire. - N'ouvre, n'inspecte et ne clone aucun site web, et n'utilise le skill d'aucune façon pendant cette installation : l'utiliser est une étape séparée qui ne commence que quand je le demande plus tard. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier clone-website dans le répertoire des skills de l'agent, dans un dossier nommé exactement « clone-website », en gardant ses 3 fichiers dans leur arborescence relative d'origine (SKILL.md à sa racine). 4. Vérifie sans appels réseau : frontmatter valide (name: clone-website), les 3 fichiers en place avec des empreintes concordantes. N'exécute rien du dossier et n'utilise pas le skill pour vérifier. 5. Indique ce qui a été installé, où, et ce qu'il me reste à faire moi-même (par exemple : que l'utiliser ouvrira et ira chercher sur le réseau les pages de tiers que je nomme et leurs assets, que les droits sur le contenu et le design clonés restent à leurs titulaires et sont ma responsabilité, et qu'il construit le clone en code local éditable dans mon app courante). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accès public suffit. Ne jamais l'exiger sauf s'il figure dans les prérequis ci-dessus. Règles : ne touche à rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrête-toi et demande-moi.