Chronos - Sistema de Gestión Empresarial

Sistema empresarial completo desarrollado con Next.js 16, React 19, TypeScript y Firestore.

Características

🎨 Diseño premium inspirado en Apple/SpaceX/Tesla
🔥 Firestore como base de datos en tiempo real
📊 11 paneles de gestión completos
🎭 Animaciones fluidas con Framer Motion
📱 100% Responsive
⚡ Optimizado para rendimiento

Instalación

```bash npm install npm run dev ```

Configuración de Firestore

Crear proyecto en Firebase Console
Copiar credenciales a .env.local:

```env NEXT_PUBLIC_FIREBASE_API_KEY=tu_api_key NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=tu_auth_domain NEXT_PUBLIC_FIREBASE_PROJECT_ID=tu_project_id NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=tu_storage_bucket NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=tu_sender_id NEXT_PUBLIC_FIREBASE_APP_ID=tu_app_id ```

Configurar reglas de Firestore:

```javascript rules_version = '2'; service cloud.firestore { match /databases/{database}/documents { match /{document=**} { allow read, write: if true; // Para desarrollo } } } ```

Estructura del Proyecto

``` chronos/ ├── app/ # App Router de Next.js ├── components/ │ ├── layout/ # Header, Sidebar │ ├── modals/ # 11 modales de formularios │ ├── panels/ # 11 paneles principales │ └── ui/ # Componentes UI reutilizables ├── lib/ │ ├── firebase/ # Configuración y servicios │ └── store/ # Estado global con Zustand └── types/ # TypeScript types

```

Paneles Implementados

Dashboard - KPIs y métricas principales
Órdenes de Compra - Gestión de compras a distribuidores
Ventas - Registro y seguimiento de ventas
Distribuidores - CRUD de distribuidores
Clientes - Gestión de clientes
Banco - Control financiero (4 sub-tablas)
Almacén - Inventario y movimientos
Reportes - Análisis y gráficos
IA - Asistente inteligente
Profit - Análisis de rentabilidad
Casa de Cambio - Tipo de cambio USD/MXN

Tecnologías

Framework: Next.js 16 (App Router)
UI: React 19, TypeScript
Estilos: Tailwind CSS v4
Animaciones: Framer Motion
Base de Datos: Firestore
Estado: Zustand
Gráficos: Recharts
Formularios: React Hook Form

Scripts

```bash npm run dev # Desarrollo npm run build # Build de producción npm run start # Servidor de producción npm run lint # Linting ```

Documentación Completa

Ver CHRONOS_SYSTEM_COMPLETE.md para documentación detallada del sistema.

Licencia

MIT

Name	skill-creator
Description	Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

skill-creator

SKILL.md