Kit d'administration Opsdeckv1.0.4
Utilisez ce Skill pour créer une page web.
En hausse
5.033 téléchargements1 « j'aime »1 enregistrements
$4.99
Qu'est-ce que j'obtiens en achetant ce Skill ?Une console de back-office sobre aux tons ardoise, que votre équipe pourrait adopter telle quelle : une barre latérale repliable avec sélecteur d'espace de travail, palette de commandes et notifications, et des tableaux de bord Overview, Revenue et Operations dont les KPI et graphiques suivent le sélecteur de période. Les tables font un vrai travail avec recherche, filtres à facettes, tri, actions groupées et panneaux de détail, et les pages de paramètres, de développement, de connexion et d'erreur sont réellement conçues, pas de simples ébauches. Les thèmes clair et sombre sont tous deux complets.
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'administration complète dans un seul fichier HTML autonome qui fonctionne hors ligne : trois tableaux de bord, des tables de tâches et de membres, six sections de paramètres, des pages pour développeurs, des écrans d'authentification et des pages d'erreur
- Des tableaux de bord avec quatre KPI chacun, des graphiques avec infobulles au survol et au clavier, et des périodes 7D, 30D, 90D et 12M pilotées par une seule série de données générée, pour que tous les chiffres restent cohérents
- Des tables avec recherche, filtres à facettes, tri, pagination, actions groupées avec annulation et panneaux de détail accessibles par lien direct ; sur demande, un portage vers Next.js, React, Vue, Svelte ou Astro
Idéal pour
- Équipes opérationnelles qui ont besoin d'une console interne pour les commandes, tickets, réservations ou abonnements sans la concevoir de zéro
- Fondateurs et équipes produit qui préparent une démo de back-office réaliste ou un prototype d'outil interne
- Développeurs qui veulent une structure cohérente à adapter à leur marque dès maintenant, puis à brancher table par table sur leur propre API
Pas pour
- Ceux qui attendent un backend : chaque écran fonctionne sur des données d'exemple locales, sans base de données, fournisseur d'authentification ni API inclus
- Les sites marketing ou boutiques en ligne destinés aux clients
- Les équipes qui ont besoin d'un produit piloté par un CMS ou multilingue clé en main
Lancement produit et croissance d'appWeb design et expériences numériquesCréer une page webGénérer un template webCréer un dashboard adminStyle verrouilléRésultat modifiableLivraison rapideTableaux densesParité clair/sombreShell à barre latéraleNeutre ardoiseGrille de cartes statsSurface admin neutre
À propos de ce Skill
Dites-lui ce que gère votre équipe et obtenez une console d'administration sobre aux tons ardoise, avec de vrais tableaux de bord, des tables fonctionnelles et des pages de paramètres, de développement, de connexion et d'erreur soignées. Le tout tient dans un seul fichier autonome qui s'ouvre dans n'importe quel navigateur et fonctionne hors ligne.
Ce que vous obtenez
- Une structure avec barre latérale, sélecteur d'espace de travail, palette de commandes, notifications et barre d'onglets mobile
- Des tableaux de bord Overview, Revenue et Operations dont les chiffres et graphiques se mettent à jour ensemble lorsque vous changez de période
- Des tables avec recherche, filtres à facettes, tri, pagination, actions groupées avec annulation et panneaux de détail
- Six sections de paramètres, des clés API, des webhooks, un journal d'activité, des pages de connexion, d'inscription, de réinitialisation et cinq pages d'erreur
- Des thèmes clair et sombre complets ; sur demande, la même console construite dans votre propre stack
Comment l'utiliser
- Indiquez votre entreprise, ce que gère l'équipe, les quatre chiffres que chaque tableau de bord doit mettre en avant et les objets contenus dans vos tables
- Il adapte la structure à votre marque et remplit chaque tableau de bord et chaque table avec des données crédibles utilisant vos propres termes, identifiants et devise, en listant tout ce qu'il a rédigé
- Ouvrez le fichier final dans votre navigateur, parcourez une table de bout en bout et demandez de nouvelles vues ou des écrans renommés en langage courant
Les portraits d'équipe sont les seules photos ; une nouvelle série générée avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil, sinon des initiales sont utilisées.
Ce qu'il vous faut avant de commencer
- Vous fournissez
- Nom de l'entreprise et du produit, et ce que gère l'équipe (commandes, tickets, réservations ou abonnements) · Les quatre chiffres clés par tableau de bord, les objets des tables avec leurs statuts, ainsi que les équipes et les rôles · En option : logo, portraits d'équipe et intégrations que vous utilisez
- 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 · Optionnel : un outil de génération d'images dans votre agent pour une nouvelle série de portraits d'équipe
- Coûts externes
- Seuls les portraits d'équipe sont des photos. Une nouvelle série générée avec l'outil d'image de votre agent peut entraîner des frais d'utilisation de cet outil ; sinon, les neuf portraits fictifs fournis peuvent servir, ou tout le monde utilise des initiales.
- Dernier test
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Avis des utilisateurs
Chargement des avis…