Console d'administration Slatev1.0.4
Utilisez ce Skill pour créer une page web.
Populaire
5.0162 téléchargements8 « j'aime »5 enregistrements
Gratuit
Créez une console d'administration SaaS de qualité produit, dans un style sobre et presque monochrome où la couleur est réservée aux données et aux statuts. Une fine barre latérale en deux groupes, sans aucun lien mort, côtoie un en-tête avec palette de commandes, modes clair et sombre et deux thèmes prédéfinis. Sept vues fonctionnelles couvrent la vue d'ensemble, l'analytique, les finances, les clients, une roadmap en tableau glisser-déposer, un calendrier mensuel et les paramètres. Le produit d'exemple s'appelle Corvane, et le résultat par défaut est un seul fichier autonome qui s'ouvre hors ligne.
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 console d'exemple terminée pour Corvane, un SaaS fictif d'analytique d'espace de travail : sept vues, 48 comptes clients, une roadmap en tableau à quatre colonnes, un calendrier et des paramètres.
- De vraies interactions : une palette Ctrl/Cmd K, des plages de dates qui mettent à jour les KPI et les graphiques, des tableaux triables avec filtres, actions groupées et annulation, un tiroir de fiche, des boîtes de dialogue et des cartes déplaçables.
- Votre console sous forme d'un seul fichier hors ligne avec Geist et Geist Mono intégrées et huit portraits d'équipe de substitution, ainsi que le guide de style, la bibliothèque de vues et la checklist que suit votre agent.
Idéal pour
- Les fondateurs et product managers qui ont besoin d'une console d'administration ou de back-office crédible pour une démo, une spécification ou un pitch deck investisseurs.
- Les développeurs qui veulent une base de console aux tokens cohérents, en un seul fichier ou dans leur propre stack.
- Les équipes lassées des barres latérales surchargées qui veulent deux groupes, cinq à huit éléments, et que chacun fonctionne.
Pas pour
- Les backends de production : chaque vue tourne sur des données d'exemple contenues dans le fichier, sans API, authentification ni base de données.
- Les sites marketing ou landing pages ; il s'agit d'une coque d'application, pas d'une page promotionnelle.
- Les systèmes de marque sur mesure qui remplacent l'allure ; le style presque monochrome est fixe, avec les thèmes slate et tangerine.
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webCréer un dashboard adminStyle verrouilléRésultat modifiableLivraison rapideMinimalisteDense en donnéesNeutre monochromeGrammaire de console
À propos de ce Skill
Créez une console d'administration qu'une équipe pourrait adopter telle quelle : une interface sobre, presque monochrome, où la couleur est réservée aux données, une fine barre latérale dont chaque élément ouvre une vraie vue, et des graphiques et tableaux qui réagissent. L'exemple est Corvane, un produit fictif d'analytique d'espace de travail.
Ce que vous obtenez
- Sept vues : vue d'ensemble, analytique, finances, clients, roadmap en tableau, calendrier et paramètres
- Une barre latérale en deux groupes où chaque élément est routé, une palette de commandes sur Ctrl ou Cmd K, et des modes clair et sombre en slate ou tangerine
- Des tableaux avec tri, filtres, recherche, pagination, actions groupées et annulation, ainsi qu'un tiroir de fiche et des boîtes de dialogue
- Une roadmap en glisser-déposer, un calendrier mensuel avec agenda et des formulaires de paramètres qui enregistrent
- Un seul fichier avec polices et portraits intégrés, qui s'ouvre hors ligne dans n'importe quel navigateur
Comment l'utiliser
- Partagez le nom de votre produit, les quatre indicateurs que vous suivez, votre équipe et ce que contiennent vos tableaux, cartes et événements.
- Votre agent remplace chaque chiffre, ligne et événement, garde la barre latérale courte et vérifie chaque vue dans les deux modes.
- Ouvrez le fichier unique, testez la palette, déplacez une carte et demandez des modifications en langage courant.
Les actions qu'un fichier unique ne peut pas effectuer, comme l'export ou la déconnexion, affichent un message clair au lieu de faire semblant.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom du produit et les quatre indicateurs clés de la vue d'ensemble · Votre équipe (quatre à huit personnes) et ce que contiennent vos tableaux, cartes de roadmap et événements de calendrier · Facultatif : vrais chiffres, devise et photos de l'équipe ; sinon, des données d'exemple sont rédigées pour vous
- 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 une nouvelle série de portraits d'équipe (les portraits fournis peuvent servir de substituts)
- Coûts externes
- Les portraits d'équipe peuvent réutiliser gratuitement les huit substituts fournis. Générer une nouvelle série de portraits avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil.
- Dernier test
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…