By name: web-ux-cabinet-client description: Implémentation UX Next.js App Router pour espaces cabinet/client avec dashboards, tableaux et statuts métier. Mots-clés: Next.js, dashboard, cabinet, client, shadcn, Tailwind.
Skill: Web UX Cabinet/Client
Utilise ce skill pour construire l’expérience frontend selon la spec, sans sur-ingénierie.
Quand l’utiliser
- Pages App Router pour espaces
(cabinet)et(client) - Dashboards KPI et vues opérationnelles
- Tables/filtres/statuts orientés productivité
- Formulaires validés avec React Hook Form + Zod
Principes UX
- Séparer clairement les espaces cabinet vs client.
- Prioriser lisibilité et vitesse d’exécution des tâches.
- Utiliser composants cohérents (
shadcn/ui, Tailwind). - Ajouter uniquement les éléments explicitement utiles au flux MVP.
Écrans prioritaires
- Cabinet: vue dossiers, alertes, documents en attente, charge collaborateurs.
- Client: trésorerie actuelle, évolution CA, alertes impayés/documents.
- Documents: upload + validation OCR.
- Facturation: liste + création devis/facture.
Exemples de demandes
- « Crée la page dashboard cabinet avec KPI et tableau dossiers »
- « Ajoute la vue client trésorerie avec graphique 12 mois »
- « Implémente le formulaire création facture avec validation Zod »