Landing page Molten Glassv1.0.3
Utilisez ce Skill pour créer une page web.
En hausse
5.032 téléchargements0 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Créez un site de studio dont le premier écran est en mouvement : du verre cannelé animé où une lumière orange brûlante gagne depuis les bords, derrière une accroche sobre ancrée en bas de l'écran. Navigation en pilule, sections numérotées, projets sélectionnés avec pages d'études de cas, services, collaborations avec sélecteur de devise, avis, équipe, articles de journal, FAQ et brief de projet validé mènent à un pied de page presque noir avec un logotype géant. Le tout tient dans un seul fichier autonome qui s'ouvre dans n'importe quel navigateur, fonctionne hors ligne et reste abouti même là où l'animation ne peut pas s'exécuter.
Le plus souvent choisi par
Mis à jour le 3 oct. 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Un Hero en verre cannelé animé avec une chaleur orange sur les bords, un grain argentique et une accroche sur trois lignes, ainsi qu'un repli fixe finalisé et un mode mouvement réduit apaisé
- Un site de studio complet : studio, projets sélectionnés et index de projets avec recherche, onglets de services, process, collaborations, avis, équipe, journal, FAQ et formulaire de brief de projet
- Des pages d'études de cas, des articles de journal, des pages confidentialité, conditions d'utilisation et page introuvable, avec polices web et photos planifiées par rôle, le tout dans un seul fichier hors ligne
Idéal pour
- Studios de design, de branding et d'ingénierie qui veulent un premier écran haut de gamme et vivant sans sacrifier la lisibilité
- Freelances et petites agences qui lancent un portfolio avec de vraies études de cas, des tarifs de collaboration clairs et un formulaire de brief
- Équipes produit qui veulent un site de lancement lumineux et vitré, et peuvent transposer projets, services et collaborations en clients, fonctionnalités et formules
Pas pour
- Les marques sombres et feutrées : la page reste d'un gris papier lumineux avec une seule surface sombre, le pied de page
- Les sites qui nécessitent un CMS ou des dizaines de pages : études de cas et articles de journal sont stockés comme données statiques dans la page
- Les pages qui doivent fonctionner sans JavaScript : textes et mise en page restent visibles, mais l'animation du verre, les menus et les formulaires en ont besoin
Identité visuelle et charte graphiqueWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiableMinimal lumineuxVerre canneléDégradé granuleuxÉclairage shader
À propos de ce Skill
Molten Glass Landing crée un site de studio dont le premier écran est vivant : une lumière gris papier éclatante vue à travers du verre cannelé, avec une chaleur orange intense qui gagne depuis les bords. En dessous se trouve un site éditorial posé, avec des sections numérotées, de vraies pages d'études de cas et un brief de projet fonctionnel. L'exemple est Arclune, un studio fictif de design et d'ingénierie.
Ce que vous obtenez
- Un Hero en verre animé avec un dégradé de repli finalisé, une image fixe en mode mouvement réduit et des boutons dont les libellés défilent au survol
- Des sections d'accueil : studio avec chiffres animés, projets sélectionnés et index de projets avec recherche, onglets de services, process, collaborations avec sélecteur de devise, avis, équipe et postes ouverts, journal, FAQ et brief de projet
- Des pages d'études de cas avec résultats et crédits, des articles de journal, des pages confidentialité, conditions d'utilisation et page introuvable
- Un seul pied de page presque noir avec un logotype géant, et un seul fichier qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne
Comment l'utiliser
- Indiquez le nom de votre studio, une phrase de positionnement et au moins deux projets phares, chacun avec un résultat mesurable.
- Votre agent remplit chaque section et chaque étude de cas, planifie et génère les photos, et rédige tout ce qui manque pour que vous le confirmiez.
- Ouvrez le fichier, parcourez chaque étude de cas, onglet et formulaire, puis demandez des modifications en langage courant.
Les photos proviennent de l'outil d'image de votre agent, qui peut entraîner des frais d'utilisation, ou de votre propre photothèque. Dans un projet existant basé sur un framework, l'agent construit le même design sous forme de composants dans votre stack.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du studio ou de la marque et une phrase de positionnement · Au moins deux projets phares, chacun avec un résultat mesurable en une phrase · Disciplines, conditions ou tarifs de collaboration, responsables d'équipe et coordonnées (optionnel ; les manques sont rédigés pour que vous les confirmiez)
- Dépendances
- Node.js 18 ou version ultérieure sur la machine de votre agent, pour exécuter le script fourni qui génère le fichier unique hors ligne · Un accès à Internet pendant la génération du fichier, pour télécharger une fois les polices et les intégrer · Un outil d'image dans votre agent pour les photos du studio, des projets et de l'équipe (optionnel ; la page reste lisible avec des contenus provisoires ou vos propres photos)
- Coûts externes
- Les photos du studio, des projets et de l'équipe sont générées avec l'outil d'image de votre agent lorsque vous en voulez de nouvelles, ce qui peut entraîner des frais d'utilisation de cet outil. Vous pouvez fournir vos propres photos ou conserver les contenus provisoires. Aucun autre service payant n'est utilisé.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…