Hero à barre de contactv1.0.1
Utilisez ce Skill pour créer des visuels UI.
En hausse
5.032 téléchargements0 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?« Hero à barre de contact » est une section Hero prête à coller, livrée sous forme de code source modifiable avec son exemple d'utilisation. Elle inclut une animation d'entrée qui se pose en douceur au lieu de rebondir et des portraits et photographies déjà en place, pas des blocs gris. Couleurs, typographie et arrondis sont des tokens que vous modifiez une seule fois pour tout le bloc.
Le plus souvent choisi par
Mis à jour le 31 août 2026
Galerie d'aperçus
Skills similaires
Voir tous les Skills
Ce que vous obtenez
- Le code source complet du bloc « Hero à barre de contact » : le fichier du composant et un exemple d'utilisation exécutable, prêts à coller et à modifier.
- Un contrat visuel écrit : palette, échelle typographique, arrondis, épaisseur des icônes et durées d'animation, le tout sous forme de tokens modifiables en un seul endroit.
- Les portraits et photographies sont livrés avec le bloc, déjà en place et stockés localement plutôt que chargés à distance.
Idéal pour
- Vous avez besoin d'une section Hero et préférez une version finie à une page blanche.
- Vous voulez que le premier écran paraisse complet dès le rendu, avec les visuels déjà en place.
- Vous voulez un code source lisible et modifiable, pas une dépendance de plus à maintenir à jour.
Pas pour
- Les équipes qui disposent déjà d'un design system abouti : cette palette et cette échelle typographique entreront en conflit avec les vôtres.
- Ceux qui veulent un package npm versionné : vous recevez un code source à maintenir vous-même.
- Les projets qui ont besoin de navigation, de formulaires, d'authentification ou de paiement : ce bloc ne couvre rien de tout cela.
Identité visuelle et charte graphiqueLancement produit et croissance d'appWeb design et expériences numériquesCréer des visuels UICréer une page webCréer une landing pageRésultat modifiableVisuel soignéAccessible aux débutantsNeutre chaudAccent bleu canardCinétiquePhotographique
À propos de ce Skill
Vous collez un seul bloc et le haut de votre page est terminé : titre, accroche, boutons et visuels déjà parfaitement ajustés les uns aux autres. Rien à mettre en page, aucune zone laissée en gris.
Ce que vous obtenez
- Le code source complet du bloc « Hero à barre de contact » : le fichier du composant et un exemple d'utilisation exécutable, prêts à coller et à modifier.
- Un contrat visuel écrit : palette, échelle typographique, arrondis, épaisseur des icônes et durées d'animation, le tout sous forme de tokens modifiables en un seul endroit.
- Les portraits et photographies sont livrés avec le bloc, déjà en place et stockés localement plutôt que chargés à distance.
Comment l'utiliser
- Indiquez à votre assistant où placer la section : il lit d'abord votre projet, puis écrit le bloc en suivant les conventions déjà en place.
- Remplacez les textes par les vôtres. Les tailles de police et les espacements tiennent d'eux-mêmes.
- Ajoutez vos propres images. Les portraits vont là où des personnes apparaissent ; les autres emplacements accueillent des photographies.
- Vérifiez le rendu sur téléphone avant de publier. Le bloc est déjà conçu pour s'y adapter.
Ce qu'il vous faut avant de commencer
- Dernier test
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…