
Galerie d'aperçus
Skills similaires
Voir tous les SkillsCe que vous obtenez
- Un site SaaS complet : accueil plus comparaison des offres, un blog avec sept articles complets, journal des modifications, à propos et carrières, contact, connexion, inscription, réinitialisation du mot de passe, mentions légales et 404
- Une interface produit dessinée en code et réactive : vues tableau, chronologie et liste, pastilles de filtre, démo de dépendances, sélecteur de période de la synthèse et rééquilibrage des risques avec annulation
- Le style Loopwise : fond blanc avec de doux lavis bleu ciel, menthe et pêche, grain fin, typographie ardoise et un seul accent bleu, dans un fichier hors ligne
Idéal pour
- Les équipes qui lancent un produit de gestion de projet, de collaboration ou de productivité et ont rapidement besoin d'un site crédible
- Les éditeurs de help desk, de CRM et d'outils pour développeurs qui peuvent renommer le tableau, la synthèse et les lignes de risque selon leurs propres objets
- Les marketeurs qui veulent des pages blog, journal des modifications et comparaison déjà assorties à la page d'accueil
Pas pour
- Un site géré par CMS ou multilingue ; les articles et entrées du journal des modifications sont du contenu statique dans la page
- Les marques qui veulent un style sombre ou tape-à-l'œil par défaut ; Loopwise est d'abord clair, avec le sombre en option
- Les vraies inscriptions : les formulaires d'authentification et de contact valident et confirment sur la page, et nécessitent votre propre backend
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 conversionHero dashboardClair d'abordCartes arrondiesDéfilement en marqueeTexture grainVoile dégradé pastel
À propos de ce Skill

Décrivez votre produit et obtenez un site marketing clair et apaisé où le produit tient le rôle de Hero : un titre centré sur deux lignes au-dessus d'un tableau de projet en direct dans un cadre de verre. Chaque parcours dont un visiteur a besoin, de la comparaison des offres à la lecture d'un article ou à l'inscription, fonctionne, et l'ensemble du site arrive dans un seul fichier qui s'ouvre hors ligne dans n'importe quel navigateur.

Ce que vous obtenez
- Un tableau de Hero que l'on peut basculer en vue chronologique ou en liste, un défilement de logos clients et un carrousel de workflow avec onglets à icônes et panneaux fonctionnels
- Un bento de fonctionnalités à six cases, des lignes de reporting avec graphique de synthèse et rééquilibrage des risques, une étude de cas client et une mosaïque de témoignages
- Sécurité et intégrations, tarifs avec bascule mensuel/annuel, FAQ et une rangée d'articles
- Des pages de comparaison des offres, blog et articles, journal des modifications, à propos et carrières, contact, connexion, inscription, réinitialisation du mot de passe, mentions légales et 404
- Un thème sombre fonctionnel, avec polices et photos intégrées pour que la page n'effectue aucune requête réseau

Comment l'utiliser
- Donnez au Skill le nom de votre produit, sa promesse, les objets qu'il gère, ses fonctionnalités clés, ses formules tarifaires et votre principal appel à l'action.
- Il reconstruit le tableau, les panneaux et la synthèse autour de vos objets, rédige les éléments manquants et les liste pour que vous les confirmiez.
- Ouvrez le fichier en mode clair et sombre, parcourez chaque onglet, formulaire et page, et demandez des modifications en langage courant.

Les nouvelles photos proviennent de l'outil d'image de votre agent, qui peut avoir ses propres frais d'utilisation.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit, une promesse en une phrase et les objets qu'il gère (tâches, projets, documents, demandes) · Quatre à six fonctionnalités clés, intégrations et éléments de sécurité que vous pouvez confirmer · Formules tarifaires et limites, principal appel à l'action et informations sur l'entreprise pour la page À propos
- 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 l'étude de cas client, l'équipe et les portraits ; facultatif si vous fournissez les vôtres
- Coûts externes
- Les photos que vous ne fournissez pas sont générées avec l'outil d'image de votre agent, ce qui peut entraîner des frais d'utilisation propres à cet outil. L'interface produit est construite en code, et la page finale n'effectue aucune requête réseau. La consultation de l'exemple est gratuite.
- Dernier test
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…









