AgentSkillsCN

web-ux-cabinet-client

采用Next.js App Router实现事务所/客户空间的UX设计，配备仪表盘、表格与业务状态。关键词：Next.js、仪表盘、事务所、客户、shadcn、Tailwind。

SKILL.md
--- frontmatter
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

  1. •Séparer clairement les espaces cabinet vs client.
  2. •Prioriser lisibilité et vitesse d’exécution des tâches.
  3. •Utiliser composants cohérents (shadcn/ui, Tailwind).
  4. •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 »