Crée un composant de carte d'utilisation pour notre dashboard. Il doit respecter notre design system et être prêt pour React.

Nous utiliserions d'abord le design system livré avant de créer quelque chose de nouveau.

Processus:

  1. Lire les règles du design system.
  2. Vérifier les composants dashboard existants.
  3. Réutiliser les tokens d'espacement, radius, typographie et états.
  4. Créer le composant React.
  5. Retourner l'aperçu et l'implémentation.
Read design system
Checked existing components
Created UsageCard.tsx
QA passed

Component created

`UsageCard` matched to the delivered dashboard system

Monthly AI runs

18,420+14.2%

AI summary

Reused card surface, metric type scale, emerald status badge, and compact dashboard spacing from the system.