Gestión de Proyectos Web / APP
v2.3 — Herramienta de sesiones
E0No existe código — solo idea, brief, wireframe, PNGs o spec
E1Existe código pero no corre — baseline roto o incompleto
E2Corre en local — baseline sano, DoR declarado
E3Corre en local y en producción — deploy activo
Gestión de Proyectos
v2.3 — Herramienta de sesiones
Inicio
Proyectos
Selecciona un proyecto existente o inicia uno nuevo.
Nuevo proyecto — Paso 1 de 3
¿Desde dónde arranca?
Selecciona el tipo de insumo con el que cuentas hoy.
📝P-DESC
Descripción
Brief o idea inicial
🗂P-WIRE
Wireframe HTML
Un .html con la estructura
🖼P-PNG
Pantallas PNG
Mockups o capturas
📄P-HTML-MULTI
Varios HTML+CSS
Vistas maquetadas
♻️P-BASE
Proyecto base
Starter existente
🔧P-REPO
Repo existente
Código con errores
📐P-SPEC
Especificación
YAML/JSON estructurado
🎨P-UIKIT
Kit de diseño
HTMLs + PNGs + DESIGN.md
Selecciona un caso para continuar
Nuevo proyecto — Paso 2 de 3
Insumo del proyecto
Completa la información inicial.
El wireframe irá en wireframe/wireframe.html dentro del ZIP de arranque.
Las imágenes irán en pantallas/ con formato 01-nombre.png...
Los HTMLs irán en html-fuente/ y los CSS en html-fuente/css/.
El proyecto base irá en proyecto-base/. Copia la raíz sin node_modules/.
El repo irá en repo/ tal como está — aunque esté roto o incompleto.
La spec irá en spec/especificacion.yaml — usa exactamente ese nombre.
⚠ El IDE leerá DESIGN.md ANTES de abrir los HTMLs.
Carpetas: screens/ → HTMLs · images/ → PNGs (mismo nombre) · assets/DESIGN.md
Nuevo proyecto — Paso 3 de 3
Revisa y ajusta
La IA generó las ideas iniciales. Edita lo que necesites antes de guardar.
Brief de sesión generado para el IDE
Propuestas de mejora
Lecciones
Fecha
Brecha
Causa
Estado
Tipo de intervención
Logrado
Pendiente
Aprendizaje
Plazos del proyecto
⚠ Hay una sesión abierta sin cerrar.
Declara la intención de esta sesión y la IA generará el brief completo para el IDE.
Brief de sesión
Listo para el IDE
Copia el brief y pégalo en el IDE. Al terminar la sesión, vuelve aquí para registrar el cierre.
Instrucción completa para el IDE
🔗 URL de cierre — guárdala o cópiala al IDE
Puedes cerrar esta ventana. Cuando el IDE termine, abre esta URL para registrar el cierre.
Cierre de sesión — llenar cuando termines
💡 El IDE ya generó el bloque de cierre al final de la sesión.
Pégalo aquí y los campos se llenarán automáticamente.
Completa los campos requeridos
Crear usuario nuevo