🗂️ Mis Espacios de Trabajo
Organiza tus PWAs con Blueprint fijo y Specs consecutivas.
📘 Ver / Copiar Blueprint Fijo Nivel 1
🎨 Plantillas Maestras
Copia estas plantillas base para configurar tus repositorios o iniciar nuevas Specs.
🤖 Reglas Universales IA (.cursorrules / CLAUDE.md) Fijo
# System Rules: Spec-Driven Development (SDD) Eres un ingeniero de software senior estricto con Spec-Driven Development. Evita el "vibe coding". 1. BLOQUEO SIN SPEC: Si el usuario pide código sin una Spec clara (Contexto, Reglas, I/O, Edge Cases y Out of Scope), NO escribas código. Hazle 3 preguntas clave primero. 2. RESPETO AL ALCANCE: Implementa SOLO lo que dice la Spec. Prohibido refactorizar archivos no relacionados o instalar librerías sin permiso. 3. BLOQUES PEQUEÑOS: Si una Spec supera las 150 líneas, divídela en pasos y pide aprobación antes de ejecutar el Paso 1. 4. ARQUITECTURA: Lee siempre el Project Blueprint antes de programar y respeta sus carpetas y convenciones. 5. VALIDACIÓN FINAL: Al entregar código, incluye un checklist verificando cada regla y caso borde.
🏗️ Blueprint Base para PWAs (PROJECT_BLUEPRINT.md) Nivel 1
# PROJECT BLUEPRINT: [Nombre de tu PWA] ## 1. Stack Tecnológico Permitido - Frontend: [HTML5, CSS3, Vanilla JS / React / Vue] - Almacenamiento Local: [IndexedDB con navigator.storage.persist()] - Offline / Caché: [Service Worker Cache-First para UI y Network-First para API] ## 2. Arquitectura de Carpetas - /src/ui -> Componentes visuales (cero lógica de base de datos) - /src/services -> Lógica de negocio y reglas del dominio - /src/storage -> Capa de IndexedDB, respaldos JSON y sincronización ## 3. Prohibiciones Técnicas (Never Do) - NO usar localStorage para datos críticos (se borra fácil y tiene límite de 5MB). - NO hacer peticiones de red sin manejar el estado offline (try/catch). - NO superar 200 líneas por archivo.
📝 Plantilla de Requisito Diario (REQUIREMENT.spec.md) Nivel 2
# Spec #[00X]: [Nombre del Requisito] ## 1. Contexto y Objetivo [Qué problema resuelve este cambio en 2 líneas] ## 2. Reglas de Negocio - Regla 1: ... - Regla 2: ... ## 3. Entradas y Salidas (Inputs / Outputs) - Recibe: ... - Devuelve Éxito: ... - Devuelve Error: ... ## 4. Casos Borde (Edge Cases) - Sin conexión a internet: ... - Datos vacíos o duplicados: ... ## 5. Fuera de Alcance (Out of Scope) - NO modificar otros módulos.
📚 Guía y Prompts de Control
🚀 Flujo en 4 Pasos (Cero Vibe Coding)
1. Define el Blueprint (1 vez por PWA): Configura el Nivel 1 en tu proyecto.
2. Crea el Paso Consecutivo (#001, #002...): Añade una tarjeta en la columna 🟡 Pendiente.
3. Audita con la IA antes de programar: Usa el Prompt de Auditoría para detectar huecos.
4. Ejecuta y avanza en el Kanban: Mueve la tarjeta a 🔵 En Progreso y luego a 🟢 Completado.
💬 Prompts Listos para Copiar
Lee las reglas SDD y este Project Blueprint. Confirma en 3 viñetas que entendiste las restricciones técnicas y espera mi Spec #001 antes de escribir código.
Analiza esta Spec siguiendo nuestras reglas. NO escribas código todavía. Dime qué ambigüedades ves, qué casos borde offline me faltaron y hazme 3 preguntas clave para blindarla.
La Spec está aprobada. Impleméntala respetando estrictamente el Blueprint y la sección Fuera de Alcance. Si supera 150 líneas, divídela. Al final dame el checklist de validación.
🛡️ Seguridad y Sincronización entre Dispositivos
🔒 Protección en Chromebook 4 y Galaxy S24 FE
• IndexedDB Persistente: Solicita navigator.storage.persist() para que Chrome/Android no borren tus datos por falta de espacio o limpieza de historial.
• Transferencia Rápida entre Dispositivos: Como cada dispositivo guarda sus datos localmente sin servidores externos (100% privado), usa el respaldo .json (por Drive, Quick Share o WhatsApp) para sincronizar tu Chromebook y tu Galaxy S24 FE en segundos.
📦 Exportar / Importar Todo
Guarda una copia de seguridad o pásala entre tu Chromebook y tu teléfono.
🔐 PIN de Seguridad Local
Bloquea la pantalla con un PIN (se guarda como hash SHA-256 con sal). Es un bloqueo de pantalla, no cifra tus datos.