I Built The Ultimate Claude Website Design Skill (steal this)

I Built The Ultimate Claude Website Design Skill (steal this)

🎙 Nate Herk 👥 964K 📅 22 août 2026 ⏱ 16 min 👁 79K 📄 tutoriel 🧭 2026-08-28
Disponible en : Français (actuel) English

Mots-clés

Claude Codeskillscrolldesignsite web

Résumé

La vidéo présente Scrollcraft, un skill gratuit pour Claude Code, conçu pour créer des sites web premium avec des animations liées au défilement. L’auteur explique le fonctionnement du skill, qui commence par une interview pour comprendre les besoins du client, puis génère ou utilise des assets existants, et enfin construit le site avec une vérification automatique. Il démontre l’utilisation en direct en transformant le site de son agence, AI Automation Society, en un site plus interactif et éditorial. Le processus inclut la génération d’images via Key.ai, la définition du parcours de défilement, et une passe de feedback pour affiner le résultat. La vidéo montre les itérations et les améliorations apportées, comme le ralentissement des animations et l’ajout d’effets de type machine à écrire. L’auteur souligne que le skill ne se limite pas à un template unique, mais s’adapte aux spécificités de chaque projet. Il invite les spectateurs à télécharger le skill gratuitement via sa communauté. La vidéo se termine par une démonstration du site final et des conseils pour l’utiliser.

170 mots

Évaluation critique

Valeur des informations & solidité de l’argumentation

La valeur principale de la vidéo réside dans la démonstration pratique d’un outil qui permet de créer des sites web plus engageants et personnalisés, en exploitant les capacités de Claude Code. L’argumentation est solide : l’auteur montre des exemples concrets, explique le processus étape par étape, et met en avant les bénéfices (originalité, premium, adaptabilité). Il répond également aux critiques potentielles en soulignant que le skill ne produit pas de templates génériques. La démonstration en direct renforce la crédibilité, même si elle est orientée vers la promotion de son agence.

Rigueur scientifique, qualité des sources, adéquation du titre

La rigueur scientifique est limitée : il s’agit d’un tutoriel pratique, pas d’une étude. Les sources citées sont principalement des liens vers ses propres ressources (communauté, outils) et des liens d’affiliation. Aucune source académique ou référence externe n’est mentionnée. L’adéquation titre/contenu est bonne, le titre reflétant exactement le contenu. Les commentaires montrent un débat sur l’accessibilité et la performance de ces sites, ce qui n’est pas abordé dans la vidéo.

175 mots

Adéquation titre / contenu

Le titre est accrocheur et correspond au contenu : la vidéo présente effectivement un skill pour Claude Code permettant de créer des sites web premium.

Qualité & fiabilité

7/10

Le contenu est un tutoriel pratique démontrant l'utilisation d'un outil (skill Claude Code) pour créer des sites web. La démarche est transparente, avec une démonstration en direct et une vérification des résultats. Cependant, les sources sont principalement des liens promotionnels et le contenu est orienté vers la vente de services. La reproductibilité est bonne mais dépend de l'outil propriétaire.

Chapitres

Sources citées

Sources concordantes

  • Scroll-driven animations (MDN) — Documentation technique sur les animations liées au défilement, en accord avec le concept du skill.

Sources discordantes

  • Commentaire critique sur l'accessibilité — Plusieurs commentaires soulignent que les sites scroll-driven peuvent nuire à l'expérience mobile et à l'accessibilité, ce que la vidéo ne traite pas.

Apport & nouveautés

L’apport original est la création d’un skill pour Claude Code qui guide l’utilisateur dans la conception de sites web scroll-driven, en intégrant une interview pour personnaliser le résultat et une vérification automatique. Cela permet de produire des sites plus originaux et engageants que les templates classiques.

Pour aller plus loin :

  • Scroll-driven animations — Concepts techniques des animations liées au défilement.
  • Claude Code skills — Documentation officielle sur les skills Claude Code.
  • Key.ai — Plateforme de génération d’images et de vidéos utilisée dans la vidéo.

85 mots

Profil radar

Le profil radar montre des scores élevés en quantité et qualité d'information, ainsi qu'en niveau technique, mais une fiabilité globale légèrement inférieure, reflétant le caractère promotionnel et le manque de sources externes.

Fiabilité 6/10

💬 Équilibré : sur les 30 commentaires analysés, les avis sont partagés entre enthousiasme pour l'outil et critiques sur l'accessibilité et la performance des sites scroll-driven.