
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un site d'outil pour développeurs avec un Hero produit fonctionnel : un studio de contenu avec entrées, pastilles de statut, filtres, recherche et playground d'API sous un titre centré et apaisé
- Bento de fonctionnalités, démo de synchronisation de modèles, onglets de démarrage rapide, flux de fusion de branches, sécurité, étude client, tarifs et FAQ, ainsi que des pages docs, changelog, authentification, contact, statut et mentions légales
- Des thèmes clair et sombre et des photos éditoriales générées pour l'étude client, la médiathèque et les avatars, le tout intégré dans un seul fichier qui fonctionne hors ligne
Idéal pour
- Les équipes qui lancent une API, un CMS headless, un SDK ou un produit d'infrastructure et veulent que le produit s'explique par une interface fonctionnelle
- Les fondateurs orientés développeurs qui ont besoin de pages docs, changelog, tarifs, authentification et statut assorties à la landing page
- Les équipes qui veulent un fichier hors ligne pour une démo ou un lancement, ou le même design transposé dans un projet framework existant
Pas pour
- Les marques grand public, lifestyle ou retail : la grille bordée, les détails en monospace et les onglets de code s'adressent aux développeurs
- Les équipes qui ont besoin d'un CMS adossé à une base de données ou d'un vrai blog : le contenu vit sous forme de données statiques dans la page
- L'inscription, la facturation ou la surveillance de disponibilité réelles : les formulaires et la page de statut sont des simulations front-end avec des données provisoires
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer une landing pageGénérer un template webStyle verrouilléRésultat modifiableAxé sur la conversionClair d'abordGrille à borduresOnglets de codeMockups UI flatAccent vertDéco monospace
À propos de ce Skill

Landing page CMS Contexa crée un site marketing pour un produit destiné aux développeurs qui s'explique par une interface fonctionnelle. Clair par défaut et presque neutre, avec un seul accent vert, il s'inscrit dans une fine grille bordée avec une typographie de titre serrée et des détails en monospace. L'exemple est Contexa, un CMS headless fictif, présenté avec l'espace de travail de son client Halvorne Travel.

Ce que vous obtenez
- Un studio de contenu cliquable dans le Hero : entrées avec pastilles de statut, filtres, recherche avec état vide, et un panneau de requête et de réponse
- Des sections de landing page aux mises en page variées : bento de fonctionnalités, démo de synchronisation modèle-studio, onglets de démarrage rapide par framework, branches de contenu avec flux de fusion, sécurité et statut, étude client, tarifs avec bascule de facturation, FAQ et inscription
- Des pages intérieures : docs avec recherche, changelog et roadmap, inscription, connexion, contact commercial, étude client, statut, confidentialité, conditions et une page introuvable
- Des thèmes clair et sombre, un pied de page inversé sous un logotype géant estompé, et un seul fichier qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne

Comment l'utiliser
- Indiquez le nom de votre produit, sa promesse en une ligne, ses objets principaux, les frameworks pris en charge et vos formules ; tout ce qui manque est rédigé et listé pour vous.
- Votre agent reconstruit le studio autour des objets de votre produit, réécrit chaque section et chaque page, et génère des photos assorties.
- Ouvrez le fichier, passez du clair au sombre, cliquez sur chaque onglet, formulaire et page, et demandez des modifications avec vos propres mots.

Les photos viennent de l'outil d'image de votre agent s'il en dispose, ce qui peut entraîner ses frais d'utilisation. Chaque client, personne et chiffre de l'exemple est fictif et remplacé par vos informations ou par des textes provisoires clairement listés.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, promesse en une ligne et ses objets principaux (entrées, requêtes, tâches ou déploiements) · Frameworks ou SDK pris en charge, commande d'installation, et noms et prix des formules · Éléments de sécurité, clients et citations que vous pouvez confirmer (facultatif ; les manques deviennent des textes provisoires listés)
- 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 éditoriales (facultatif ; sans lui, vous fournissez les photos ou obtenez des emplacements légendés)
- Coûts externes
- Les photos de l'étude client, de la médiathèque et des avatars sont générées avec l'outil d'image de votre agent s'il en dispose, ce qui peut entraîner ses frais d'utilisation. Sans cet outil, l'agent utilise vos photos ou laisse des emplacements clairement légendés. Rien d'autre n'utilise de service payant.
- Dernier test
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









