Landing page d'automatisation Fluxonv1.0.6
Utilisez ce Skill pour créer une page web.
En hausse
5.032 téléchargements2 « j'aime »0 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Un site marketing sombre par défaut pour une plateforme d'automatisation, un outil de développement desktop ou un produit open source : gris neutres presque noirs, un seul accent cyan, un titre discret sur deux lignes et un canevas de flux vivant qui s'exécute réellement, relance une étape en échec et diffuse ses logs. Suivent des panneaux interactifs pour les déclencheurs, scripts, relances et l'historique des exécutions, des graphiques d'observabilité, un schéma local-first, une étude de cas client, les tarifs et une section d'installation par OS, ainsi que des pages docs, changelog, téléchargement, sécurité, inscription, contact et mentions légales en thèmes sombre et clair.
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 site complet d'outil pour développeurs dans un seul fichier HTML autonome qui s'ouvre hors ligne : accueil, docs, changelog, téléchargement, sécurité, étude de cas client, inscription, connexion, contact, mentions légales et 404
- Une interface produit qui fonctionne : un canevas de flux qui s'exécute et se rejoue, des nœuds cliquables, des interrupteurs de déclencheurs, une politique de relance réglable, un historique des exécutions filtrable, des graphiques à plage modifiable et un suivi des logs en direct
- Des gris neutres sombres par défaut avec un seul accent cyan, un thème clair complet, Hanken Grotesk et JetBrains Mono intégrées, et des photos uniquement pour l'étude de cas client, le runner et les avatars
Idéal pour
- Les équipes qui lancent une app desktop, une CLI, une plateforme d'automatisation ou un outil open source pour développeurs et veulent un site sombre crédible sans travail de design
- Les produits dont l'atout se montre plus facilement qu'il ne se décrit : exécutions, relances, logs et exécution locale
- Les développeurs qui veulent un site autonome dès maintenant, ou le même design transposé dans leur projet Next.js, React, Vue, Svelte ou Astro
Pas pour
- Les marques qui ont besoin d'un rendu clair par défaut : le thème clair est complet, mais le design est pensé d'abord en sombre
- Les équipes qui ont besoin d'un site piloté par un CMS ou multilingue dès le départ
- Quiconque attend de vrais logos clients ou des mentions presse : chaque marque, personne, citation et chiffre est fictif jusqu'à ce que vous le remplaciez
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 modifiableWorkflow guidéAccent cyanSombre d'abordPanneaux de graphiquesHero canevas de nœudsTexture granuleuse
À propos de ce Skill
Décrivez votre outil pour développeurs et obtenez un site produit calme et sombre par défaut, où le produit s'explique de lui-même : un titre discret sur deux lignes au-dessus d'un canevas de flux qui s'exécute, relance une étape en échec et diffuse ses logs. Il est livré sous forme d'un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Ce que vous obtenez
- Une landing page avec un explorateur de flux à onglets, un rail de bibliothèque d'étapes, des graphiques d'observabilité, un schéma local-first, une section flows-as-code, une étude de cas client, des tarifs avec tableau comparatif, une FAQ et une section d'installation par OS
- Des pages docs, changelog, téléchargement, sécurité, étude de cas client, inscription, connexion, contact, confidentialité, conditions et 404
- Des panneaux produit interactifs : interrupteurs de déclencheurs, une politique de relance à régler et simuler, un historique des exécutions avec filtres et recherche, et un suivi des logs en direct
- Des gris presque noirs avec un seul accent cyan, une lueur douce et un grain fin, plus un thème clair complet
- Dans votre propre projet, le même design construit sous forme de composants et de routes dans votre stack
Comment l'utiliser
- Indiquez le nom de votre produit, ce qu'est un flux dans votre produit, les types de déclencheurs, où il s'exécute, comment on l'installe, vos offres et le call-to-action
- Le canevas, l'explorateur et les docs sont reconstruits autour de vos propres étapes et commandes, et tout détail client, tarifaire ou de sécurité qu'il a fallu rédiger est signalé
- Ouvrez le fichier final dans votre navigateur et demandez des modifications avec des mots simples, comme trois niveaux de tarifs ou d'autres onglets dans l'explorateur
Les photos de clients et d'avatars sont générées avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation de cet outil. Les polices et les images sont intégrées dans le fichier final.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, promesse en une ligne, ce qu'est un flux dans votre produit et où il s'exécute · Types de déclencheurs, runtimes ou intégrations, mode d'installation, offres et prix, et le CTA (téléchargement, inscription, essai ou étoile)
- 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 l'étude de cas client, du runner et des avatars
- Coûts externes
- Les photos de l'étude de cas client, du runner et des avatars sont générées avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation de cet outil. Sans outil d'image, vos propres photos ou des emplacements d'image clairement identifiés sont utilisés.
- Dernier test
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…