La skill Claude qui code des landing pages de niveau concours

La skill Claude gratuite de MotionSites : les deux commandes d'installation, ce qu'il y a dedans, et les demandes à copier pour sortir une landing page de niveau concours.

Le dépôt

MotionSites web builder, skill gratuite pour Claude : https://github.com/MotionSites-AI/claude-skill

1058 étoiles en trois jours.

Le constat de départ : les sites faits à l'IA se ressemblent tous pour trois raisons. Un plan trop vague, pas de vrais médias, et personne qui regarde le résultat. La skill règle les trois.

Installation sur Claude Code (deux lignes)

/plugin marketplace add MotionSites-AI/claude-skill
/plugin install motionsites-web-builder

Installation sur claude.ai

Télécharge le zip de la dernière release du dépôt.
Va dans Customize, Skills, Create skill, Upload a skill.
Charge le zip.

Pour que Claude voie son travail

Le README conseille :

pip install playwright

Ce qu'il y a dedans

Bloc	Contenu
Prompts	40 prompts d'exemple, les designs les plus likés de MotionSites. Claude lit les 2 ou 3 plus proches de ta demande pour s'aligner sur leur niveau de détail
Étagère de médias	Plus de 50 vidéos hero cinématiques, 30 découpes 3D transparentes, 29 images, déjà hébergées, présentées sur des planches numérotées pour que Claude choisisse à l'œil
Recettes de technique	Plus de 55 recettes avec le code qui marche
Boucle look-and-fix	Claude prend une capture d'écran de sa propre page, vérifie les images cassées, le débordement mobile, les polices, la lecture des vidéos, se met une note, puis corrige

Les techniques livrées avec leur code

boucles vidéo sans raccord
liquid glass
titres qui se dé-floutent mot par mot
vidéo qui défile à la souris
révélations au spot
carrousels en profondeur
scroll stories
vrais modèles 3D en Three.js

Les demandes à copier

Une page neuve :

Fais-moi une page d'accueil de portfolio pour un photographe d'architecture à Lisbonne, éditorial et silencieux.

Une page existante à remonter :

Voilà mon site actuel, rends-le digne d'un prix.

Si tu ne codes pas dans Claude Code

Tu bosses sur Lovable, Bolt, v0 ou Cursor : demande le prompt au lieu du code, puis colle-le dans ton outil.

Une question sur l'installation ou sur une des recettes ? Réponds directement à ce message.