Crea un componente de tarjeta de uso para nuestro dashboard. Debe respetar nuestro design system y estar listo para React.

Usaríamos el sistema de diseño entregado antes de crear algo nuevo.

Proceso:

  1. Leer las reglas del sistema de producto.
  2. Revisar los componentes existentes del dashboard.
  3. Reutilizar tokens de espaciado, radio, tipografía y estados.
  4. Crear el componente React.
  5. Entregar la vista previa y la implementación.
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.