Web Artifacts Builder

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 — Aucun pour installer ce skill — aucun compte, aucune clé, aucun paiement, et ses scripts ne sont pas exécutés au moment de l'installation. Pour l'UTILISER, il me faut Node.js 18 ou plus sur ma machine, et je dois savoir que ses scripts d'initialisation et de bundling, seulement quand je demande de bâtir un artifact, téléchargent des paquets publics depuis le registre npm (en installant pnpm globalement d'abord s'il manque) et créent des fichiers de projet localement. Aucun identifiant n'est en jeu. Installe-moi « Constructeur d'artifacts Web ». Il bâtit des artifacts HTML claude.ai complexes avec React 18, TypeScript, Vite, Tailwind CSS 3.4 et shadcn/ui : d'abord son script d'initialisation échafaude un nouveau projet (alias de chemins, configuration Tailwind et PostCSS, version de Vite épinglée pour Node 18 au besoin, et plus de 40 composants shadcn/ui déballés depuis l'archive tar embarquée dans ce dossier) ; ensuite l'artifact est développé dans ce projet ; puis son script de bundling installe les outils de build, compile avec Parcel sans source maps et inline le tout en un seul bundle.html autonome qui peut être partagé comme artifact. Tester l'artifact ensuite est optionnel et seulement sur demande. Il vise les artifacts qui exigent une gestion d'état, du routage ou des composants shadcn, pas le HTML simple à un seul fichier. Dépôt : https://github.com/anthropics/skills (le skill est tout le dossier skills/web-artifacts-builder/ au commit épinglé : SKILL.md, LICENSE.txt et le dossier scripts/ avec son archive de composants, 5 fichiers en tout) Version épinglée : installe le code au commit dbd4588f9e1033efb41dad4bef2f7947c8993d44 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/anthropics/skills dans un dossier temporaire, place-toi au commit dbd4588f9e1033efb41dad4bef2f7947c8993d44, et copie le dossier skills/web-artifacts-builder/ de ce checkout. Compare ensuite chaque fichier du dossier aux empreintes enregistrées pour cette fiche le 2026-10-22 : [FINGERPRINTS] - LICENSE.txt: SHA-256 bc6b3af2f331cbc7fb0da1344efb2cbe5877a31498b4d70dbc7000f3405a1362 - SKILL.md: SHA-256 81c5002c6643b0de7b8710b00e7a9038daa6fb9b68d59870ee6adb12da8d10f8 - scripts/bundle-artifact.sh: SHA-256 abf0e480bf6585b56fab8526a407dfb7dc740812bddd70c636e1e8f3df5f9618 - scripts/init-artifact.sh: SHA-256 355e5dd4382aaaee91f01f1627eaeab30b2676ffa8d9b3ec328a1ae450ebccaa - scripts/shadcn-components.tar.gz: SHA-256 1296f069e825de7933de7e8ac63672495cacce3f88f2dc45554dbcddbcbca60f 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 5 fichiers : SKILL.md, LICENSE.txt (Apache-2.0), deux scripts shell sous scripts/ (init-artifact.sh et bundle-artifact.sh) et l'archive shadcn-components.tar.gz qu'ils déballent à l'usage. J'ai lu les deux scripts dans le cadre de la révision de cette fiche : ils échafaudent et bundlent un projet local et installent des paquets npm publics ; ils sont copiés tels quels et ne sont pas exécutés pendant l'installation. - Rien n'est envoyé nulle part pendant l'installation elle-même ; le seul téléchargement à l'installation est le dossier du skill depuis GitHub au commit épinglé. Aucun projet n'est créé, aucun paquet n'est installé et aucun script ne roule pendant l'installation. - À l'usage, et seulement quand je demande de bâtir un artifact, les scripts travaillent sur ma machine : ils créent un dossier de projet, peuvent installer pnpm globalement s'il manque, téléchargent des dépendances publiques depuis le registre npm, et produisent un seul fichier HTML local. Aucun identifiant n'est lu ou envoyé, et rien n'est déployé ni hébergé. - N'exécute aucun des deux scripts, ne crée aucun projet 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 demande vraiment un artifact. 3. Quand je dis « yes, install », installe-le comme skill : copie tout le dossier web-artifacts-builder dans le répertoire des skills de l'agent, dans un dossier nommé exactement « web-artifacts-builder », en gardant ses 5 fichiers dans leur arborescence relative d'origine (SKILL.md à sa racine). 4. Vérifie sans appels réseau : frontmatter valide (name: web-artifacts-builder), les 5 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 : qu'à l'usage il exige Node.js 18 ou plus et télécharge des paquets npm publics sur ma machine quand je bâtis un artifact, et qu'aucun script n'a roulé pendant cette installation ; utiliser le skill est une étape séparée qui ne commence que quand je le demande, et les téléchargements à l'usage divulgués ci-dessus arrivent seulement à ce moment-là). 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.