Landing page d'agence Lumenv1.0.3
Utilisez ce Skill pour créer une page web.
En hausse
5.032 téléchargements1 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Une page d'agence lumineuse et précise qui vend le savoir-faire d'un studio par la preuve : un Hero centré et sobre avec un unique dégradé turquoise-bleu sur les mots qui comptent, puis une sélection de projets où chacun associe une photo de l'univers du client à une fenêtre de navigateur montrant le produit conçu par le studio. Des citations de clients sur une grille à réticules, six cartes de services, une démarche claire avec des prix transparents, l'équipe, une FAQ et un panneau de contact sombre avec un formulaire de demande fonctionnel complètent la page.
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
- Une page d'agence unique et complète dans un seul fichier HTML autonome qui s'ouvre hors ligne, avec les études de cas et les mentions légales qui s'ouvrent dans des fenêtres de dialogue plutôt que sur des pages séparées
- Une vitrine Recent Work avec filtres par catégorie et compteurs, une liste d'archives et des études de cas qui s'ouvrent avec le brief, la réalisation, trois chiffres clés et une citation du client
- Six cartes de services, des étapes de démarche avec fourchettes en semaines, des modèles de collaboration avec prix, l'équipe, une FAQ et un formulaire de demande qui valide et affiche un récapitulatif de succès
Idéal pour
- Les studios de design et de développement, freelances et petits cabinets de conseil qui vendent leur savoir-faire par une sélection de projets et des preuves clients
- Les équipes qui rafraîchissent une page « Travaillez avec nous » nécessitant de vrais chiffres de projets, des prix et un moyen clair de prendre contact
- Les structures qui veulent une page lumineuse à partager, ou le même design construit dans leur propre projet Next.js, Vue, Svelte ou Astro
Pas pour
- Les pages produit SaaS organisées autour de grilles de fonctionnalités et de tableaux d'offres ; un Skill de landing page SaaS convient mieux
- Les marques qui veulent un style sombre, feutré ou maximaliste : la page reste claire, avec un seul panneau de contact sombre et sans mode sombre
- Les sites multipages avec blog ou CMS : il s'agit délibérément d'une page unique, avec des fenêtres de dialogue pour les études de cas et les mentions légales
Identité visuelle et charte graphiquePropositions commerciales et levée de fondsWeb design et expériences numériquesCréer une page webCréer une landing pageStyle verrouilléRésultat modifiableMinimal blanc lumineuxTypographie à accent dégradéFonds quadrillésPro et ludiqueRangées de portfolio
À propos de ce Skill
Indiquez le nom de votre studio, quelques projets et ce que vous vendez, et recevez une page d'agence lumineuse : fond blanc, un unique dégradé turquoise-bleu sur les mots du titre qui comptent, et vos projets présentés par une photo de l'univers de chaque client à côté d'une fenêtre de navigateur montrant le produit que vous avez conçu. Le tout arrive dans un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Ce que vous obtenez
- Une page unique complète : Hero, citations de clients, Recent Work avec filtres et archives, services, démarche, tarifs des collaborations, équipe, FAQ et panneau de contact sombre
- Des études de cas qui s'ouvrent sur place avec le brief, ce qui a été construit, trois chiffres clés et une citation du client
- Un formulaire de demande qui valide, affiche un état de chargement et confirme avec un récapitulatif, plus une newsletter et un bouton pour copier l'e-mail
- Bricolage Grotesque, Instrument Sans et Geist Mono intégrées, avec des apparitions en douceur et un halo menthe qui suit le curseur sur les cartes de services
- Dans votre propre codebase, la même page construite en composants dans votre stack
Comment l'utiliser
- Donnez le nom de votre studio, une promesse en une phrase, deux à quatre projets avec un résultat chacun, et vos services ; des notes sommaires suffisent
- Joignez des photos et portraits de clients si vous en avez ; sinon ils sont générés, et chaque fenêtre de projet est reconstruite à partir des données de votre projet
- Ouvrez le fichier final dans votre navigateur et demandez des modifications de texte, de projets ou de tarifs en langage courant
Les photos générées utilisent l'outil d'image de votre agent et peuvent entraîner ses frais d'utilisation. Les polices et les images sont intégrées, donc le fichier final n'effectue aucune requête réseau.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du studio, promesse en une phrase et trois compétences · 2 à 4 projets vitrines avec un chiffre de résultat, plus six services et votre démarche ou vos prix · Facultatif : témoignages, photos de clients, photo d'équipe et coordonnées
- 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 · Facultatif : un outil de génération d'images dans votre agent pour les photos de clients, les portraits, l'équipe et la démarche
- Coûts externes
- Les photos de l'univers des clients, les portraits, la photo d'équipe et le détail de la démarche sont générés avec l'outil d'image de votre agent lorsque vous ne les fournissez pas, ce qui peut entraîner des frais d'utilisation propres à cet outil. Les témoignages sans portrait affichent des monogrammes.
- Dernier test
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…