Ce que vous obtenez
- Un fichier HTML hors ligne, ou les mêmes sections en composants dans votre projet
- Un canevas héros qui exécute le flux propre à votre produit, avec une relance et des journaux en direct
- Explorateur, bibliothèque d’étapes, graphiques d’observabilité, schéma local d’abord, tarifs et bande d’installation
- Pages documentation, journal des versions, téléchargement, sécurité, histoire, inscription, connexion, contact, mentions légales et 404
- En option : photos, boucle de fond et carte pour les réseaux générées avec PopNow, après devis en crédits
Idéal pour
- Outils de workflow, d’automatisation et d’intégration continue
- Outils pour développeurs auto-hébergés ou de bureau, et projets open source
- Pages d’accueil de plateformes de pipelines de données, de files de tâches et d’agents
Pas fait pour
- Applications grand public, boutiques ou portfolios
- Marques vives ou colorées : la page est sombre d’abord, avec un seul accent cyan
- Produits qui doivent être montrés en photo ou en capture plutôt qu’en interface vivante
Comment l’utiliser
Dans Claude ou ChatGPT
Utilisez le skill PopNow « Modèle de page d’automatisation de workflows » (workflow-automation-landing-page) pour ceci : Construisez l’accueil de Relaypoint, un exécuteur de tâches auto-hébergé pour les petites équipes de données. Il s’installe avec brew, winget ou Docker. Formules : Community gratuit, Team à 18 $ par siège, Enterprise sur demande.
Dans un agent de code
/popnow-workflow-automation-landing-page Construisez l’accueil de Relaypoint, un exécuteur de tâches auto-hébergé pour les petites équipes de données. Il s’installe avec brew, winget ou Docker. Formules : Community gratuit, Team à 18 $ par siège, Enterprise sur demande.
Puis essayez
Transformez les onglets de l’explorateur en Files, Workers, Relances et Échecs définitifs.
Chiffrez une boucle lente de la photo du serveur avant de générer quoi que ce soit.
À préparer
- Le nom du produit, la promesse en une ligne et ce qu’est un flux dans votre produit
- Les types de déclencheurs, les environnements d’exécution des étapes et le mode d’installation
- Les formules, les tarifs et les vrais clients, citations et faits de sécurité
- Facultatif : un DESIGN.md, une clé API PopNow ou vos propres photos
Skills similaires
Tout voir →Créateur d’avatar 3D
+3Créez dans votre navigateur un personnage 3D façon peluche et enregistrez-le en PNG transparent ou en page 3D.
Calendrier heatmap d’activité
+3Une année d’activité quotidienne en calendrier de cases colorées, avec séries, totaux et navigation au clavier.
Modèle de landing page SaaS IA
+3Papier sable et filets fins autour d’un tableau kanban où un assistant planifie les tâches.
Section hero animée
+3Un hero de landing page avec un mot de titre qui change en douceur, deux boutons et un large cadre d’image.
Modèle de site d’agence créative à shader
+3Héros shader orange vivant, déclaration en bas, navigation en pilules et grille d’études de cas décalée.
Landing page SaaS sombre
+3Un site marketing sombre et très animé pour un logiciel, livré en un seul fichier HTML autonome.
Site portfolio de designer
+3Six cartes inclinées autour d’un titre qui s’estompe, une carte portrait rouge, des études de cas éditoriales.
Site portfolio de développeur
+3Un site personnel sombre pour développeurs, avec études de cas, articles, conférences, CV et formulaire de contact.
Site SaaS éditorial
+3Héros scindé bleu marine, titre serif sur cinq lignes, photo documentaire, bandeaux inclinés et accent cobalt.
Modèle de site glassmorphism
+3Verre dépoli sur fond noir, grand titre serif à un mot en italique, et inscription par e-mail.
Site web de produit matériel
+3Noms de modèles fins et géants sur studio argenté, cartes de fiches et gamme à l’échelle réelle.
Diagramme d’architecture interactif
+3Un schéma système cliquable et hors ligne, construit à partir d’un modèle JSON vérifié, avec les preuves derrière chaque bloc.
Héros à grille interactive
+3Grille sombre de fins filaments qui se courbe vers le curseur et envoie un anneau à chaque clic.
Explorateur de graphe de connaissances
+3Transformez vos notes de projet en graphe consultable hors ligne, où chaque affirmation renvoie à sa ligne source.
Modèle de tableau de bord KPI
+3Quatre indicateurs avec variations, courbe lumineuse, répartition et objectifs, sur papier chaud.
Landing page à partir de maquettes IA
+3Voyez trois maquettes de page complète, choisissez-en une, et votre agent la code proprement.
Modèle de site web magazine
+3Un site de magazine digne de l’imprimé, avec articles, rubriques, petite boutique et abonnements, en un seul fichier HTML.
Héros à animation de particules
+3Texte sur papier chaud, à côté d’une sphère de points qui change à chaque idée.
Site de marque personnelle
+3Portrait fondu dans du papier chaud sous un fin crochet, affirmations de chaque côté.
Page de lancement produit cinématique
+3Page presque noire façon cinéma : titre serif, scène de nuit encadrée, formulaire de réservation.
Modèle de dashboard admin
+3Une console de back-office fonctionnelle avec graphiques, tableaux, kanban et calendrier, en un seul fichier HTML hors ligne.
Modèle de landing page SaaS
+3Un site marketing clair et apaisé pour un logiciel, avec console produit fonctionnelle, tarifs et inscription.
Site CV portfolio façon scrapbook
+3Un CV en ligne sur plusieurs pages fait d’objets en papier, avec études de cas et CV imprimable.
Modèle de site e-commerce de sneakers
+3Une boutique complète de chaussures ou de vêtements avec catalogue, fiches produit, panier et paiement de démo, en un fichier HTML.
Questions
Le canevas du héros est-il une capture d’écran ?
Non. C’est du HTML et du SVG pilotés par des tableaux de données : vos étapes, leur câblage et une exécution scriptée avec une relance. Il reste net dans les deux thèmes, réagit aux clics, et montre l’état final si le visiteur a choisi le mouvement réduit.
Que génère PopNow pour cette page ?
Uniquement les parties photographiques : une photo de cliente et un en-tête d’histoire, une photo de détail, un jeu d’avatars tiré d’une seule image en grille, une boucle lente facultative de la machine sur laquelle tourne le produit, et une carte facultative pour les réseaux. Chaque passage est chiffré en crédits d’abord et ne démarre qu’après votre accord.
Puis-je l’utiliser sans clé API PopNow ?
Oui. La photo de coureur et les avatars fournis servent de remplacements, vos propres photos ou une carte d’histoire sans photo gardent chaque section complète, et la carte pour les réseaux peut être construite en HTML gratuitement.
Mon produit est une API hébergée, pas une application de bureau. Cela convient-il ?
Oui. La section d’abord en local devient un schéma de la circulation des données, la bande d’installation par système devient des onglets d’installation de SDK, et la page de téléchargement devient une page SDK ou intégrations.