Paso 1 de 7
Instala Visual Studio Code
El editor donde trabajarás con el sistema PSN. Es gratuito y funciona en Mac y Windows.
1
Ve a code.visualstudio.com y descarga la versión para Mac (Apple Silicon si tienes M1/M2/M3, Intel si tienes Mac antiguo).
2
Abre el archivo descargado, arrastra VSCode a la carpeta Aplicaciones y ábrelo.
3
La primera vez puede que Mac diga "no se puede verificar". Ve a Ajustes del Sistema → Privacidad y Seguridad y haz clic en "Abrir de todas formas".
1
Ve a code.visualstudio.com y descarga la versión para Windows.
2
Durante la instalación marca estas opciones:
✅ Agregar "Abrir con Code" al menú contextual
✅ Agregar a PATH
✅ Agregar "Abrir con Code" al menú contextual
✅ Agregar a PATH
3
Completa la instalación y abre VSCode.
Paso 2 de 7
Abre el panel con Chrome o Edge
El panel PSN requiere Google Chrome o Microsoft Edge. No funciona con Safari ni Firefox.
1
¿Tienes Chrome instalado? Si no, descárgalo en google.com/chrome. Es gratis.
2
Abre Chrome.
3
Abre el Finder y navega a la carpeta
SISTEMA-DE-TRABAJO → entra en PSN-PANEL.4
Arrastra el archivo
index.html desde el Finder directamente a la ventana de Chrome.5
Chrome pedirá permiso para acceder a tus archivos — haz clic en "Permitir".
✅ Verás el panel PSN. Desde ahora puedes guardar esta pestaña como favorito en Chrome para abrirlo rápidamente.
1
¿Tienes Chrome instalado? Si no, descárgalo en google.com/chrome. Es gratis.
2
Haz doble clic sobre el archivo
2-INICIAR-PANEL-WINDOWS.bat que está en esta carpeta.3
Chrome se abrirá con el panel. La primera vez pedirá permiso para acceder a tus archivos — haz clic en "Permitir".
✅ Si ves el panel PSN con el título "PSN Agency" — este paso está completado.
Paso 3 de 7
Configura las APIs de IA
Las APIs permiten que el sistema analice proyectos y genere contenido con inteligencia artificial. Hay que ponerlas en DOS sitios. Solo se hace una vez.
ℹ️ ¿Eres parte de un equipo? Si tu administrador ya configuró las APIs en la carpeta compartida de Google Drive, salta este paso.
SITIO 1 — Archivo .env (para Sofía y el sistema)
1
En la carpeta
En Mac pulsa
SISTEMA-DE-TRABAJO hay un archivo llamado .env.En Mac pulsa
Cmd+Shift+. para ver los archivos ocultos — el .env empieza por punto.2
Ábrelo con VSCode o TextEdit (Mac) / Bloc de notas (Windows).
3
Busca la línea de tu proveedor y pega tu API key después del signo igual:
DEEPSEEK_API_KEY=sk-tukeyrealaqui
4
Guarda el archivo y ciérralo.
SITIO 2 — Panel PSN (para el evaluador de viabilidad)
1
Abre el panel PSN con doble clic en
2-INICIAR-PANEL-WINDOWS.bat o 2-INICIAR-PANEL-MAC.command.2
Haz clic en el icono de engranaje ⚙️ arriba a la derecha del panel.
3
En la sección APIs introduce la misma key que pusiste en el .env → haz clic en Guardar.
⚠️ ¿Dónde consigo una API key?
• DeepSeek (recomendada): platform.deepseek.com → API Keys → Create
• Gemini (gratuita): aistudio.google.com → Get API Key
• Claude: console.anthropic.com → API Keys
• DeepSeek (recomendada): platform.deepseek.com → API Keys → Create
• Gemini (gratuita): aistudio.google.com → Get API Key
• Claude: console.anthropic.com → API Keys
✨ Opción guiada — Genera tu .env automáticamente
Rellena las keys que tengas y descarga el archivo
Luego muévelo a la carpeta de tu sistema para reemplazar el que ya hay:
📁 Estructura correcta:
.env ya generado.Luego muévelo a la carpeta de tu sistema para reemplazar el que ya hay:
📁 Estructura correcta:
SISTEMA-DE-TRABAJO/
├── PSN-BASE/
├── PSN-PANEL/
├── PSN-SETUP/
├── 1-EMPIEZA-AQUI.html
└── .env ← aquí va el archivo descargado
Paso 4 de 7
Instala Kilo Code y conecta tu IA
Kilo Code es el asistente de IA dentro de VSCode. Sin él los agentes no funcionan.
⚠️ Antes de continuar — renombra la carpeta:
La carpeta descargada puede llamarse
Renómbrala a
En Mac: clic lento doble sobre el nombre → escribe el nuevo nombre.
En Windows: clic derecho → Cambiar nombre.
La carpeta descargada puede llamarse
SISTEMA_PRODUCCION o similar.Renómbrala a
SISTEMA-DE-TRABAJO antes de abrirla en VSCode.En Mac: clic lento doble sobre el nombre → escribe el nuevo nombre.
En Windows: clic derecho → Cambiar nombre.
1
Abre VSCode → Archivo → Abrir carpeta → selecciona
SISTEMA-DE-TRABAJO.2
Debe aparecer un popup: "¿Instalar extensiones recomendadas?" → haz clic en "Instalar todo".
⚠️ Si el popup no aparece: Pulsa
Ctrl+Shift+X (Win) o Cmd+Shift+X (Mac) → busca "Kilo Code" → instala.3
Una vez instalado, verás la pestaña "KILO CODE" en la barra superior de VSCode. Haz clic en ella para abrir Kilo.
4
Dentro del panel de Kilo, haz clic en el icono de engranaje ⚙️ (arriba a la derecha del panel) → se abrirán los Ajustes de Kilo.
5
En la barra lateral izquierda de los ajustes, haz clic en "Proveedores".
6
Localiza "Proveedor personalizado" al final de la lista y haz clic en "+ Conectar".
Rellena los campos así:
• ID del proveedor:
• Nombre para mostrar:
• Provider API:
• URL base:
• Clave API: tu key de platform.deepseek.com
• Modelos → ID:
• Headers: dejar vacío
→ Haz clic en Enviar
Rellena los campos así:
• ID del proveedor:
deepseek-personal• Nombre para mostrar:
DeepSeek Personal• Provider API:
OpenAI Compatible• URL base:
https://api.deepseek.com/v1• Clave API: tu key de platform.deepseek.com
• Modelos → ID:
deepseek-chat | Nombre: DeepSeek Chat• Headers: dejar vacío
→ Haz clic en Enviar
ℹ️ ¿Quieres usar Gemini o Claude?
En la misma pantalla de Proveedores:
• Google Gemini: haz clic en "Google → + Conectar" → introduce tu API key de aistudio.google.com
• Claude / Anthropic: haz clic en "Anthropic → + Conectar" → introduce tu API key de console.anthropic.com
En la misma pantalla de Proveedores:
• Google Gemini: haz clic en "Google → + Conectar" → introduce tu API key de aistudio.google.com
• Claude / Anthropic: haz clic en "Anthropic → + Conectar" → introduce tu API key de console.anthropic.com
7
Cierra los ajustes. En el panel de Kilo elige DeepSeek Personal y el modelo
deepseek-chat.✅ Cuando veas el modelo seleccionado en Kilo — la configuración está completa.
Paso 5 de 7
¿Qué puedes hacer con el panel PSN?
El panel es el centro de mando de tu agencia. Esto es lo que puedes hacer desde él.
🔍 EVALUAR PROYECTOS
Antes de aceptar un proyecto, analiza si tu equipo puede hacerlo. La IA genera un análisis con riesgos, precio de mercado y margen estimado.
Genera dos documentos:
• PDF para el cliente — propuesta profesional con precio
• Doc. interno CEO — riesgos, costes reales, preguntas al cliente
Genera dos documentos:
• PDF para el cliente — propuesta profesional con precio
• Doc. interno CEO — riesgos, costes reales, preguntas al cliente
📋 GESTIONAR COTIZACIONES
Guarda todas las cotizaciones con estados:
• Pendiente — enviada al cliente
• Aceptada — cliente dijo sí
• Convertida — ya es un proyecto
• Rechazada — no salió adelante
Busca por cliente y filtra por estado.
• Pendiente — enviada al cliente
• Aceptada — cliente dijo sí
• Convertida — ya es un proyecto
• Rechazada — no salió adelante
Busca por cliente y filtra por estado.
📁 CREAR Y GESTIONAR PROYECTOS
Crea proyectos nuevos con toda la info del cliente. Si viene de una cotización aceptada, el briefing se genera automáticamente.
Desde el panel abres el proyecto en VSCode con un clic y el agente Jefe de Proyecto arranca con todo el contexto.
Desde el panel abres el proyecto en VSCode con un clic y el agente Jefe de Proyecto arranca con todo el contexto.
⏱️ CONTROL DE TIEMPO
Registra el tiempo dedicado a cada proyecto por sesión. El panel calcula el total acumulado y te muestra cuánto has trabajado en cada cliente.
⚙️ CONFIGURACIÓN DE TU AGENCIA
Nombre, logo, email, teléfono y web de tu agencia — aparecen en todas las cotizaciones que generes. También configuras aquí las APIs de IA y tu tarifa interna por hora para calcular márgenes reales.
ℹ️ El panel funciona únicamente en Chrome o Edge. Ábrelo con doble clic en
2-INICIAR-PANEL-MAC.command (Mac) o 2-INICIAR-PANEL-WINDOWS.bat (Windows).Paso 6 de 7
Configura tu agencia en el panel
Tu nombre, logo y datos de contacto aparecerán en todas las cotizaciones que generes.
1
Abre el panel PSN (doble clic en
2-INICIAR-PANEL-WINDOWS.bat o 2-INICIAR-PANEL-MAC.sh).2
Haz clic en el botón ⚙️ arriba a la derecha.
3
Rellena: Nombre de la agencia, Email, Teléfono, Web y Logo.
4
Haz clic en "Guardar configuración".
Paso 7 de 7
Crea tu primer proyecto
El sistema está listo. Así se crea un proyecto nuevo.
🚨 REGLA MÁS IMPORTANTE: Nunca trabajes dentro de la carpeta
PSN-BASE. Es la plantilla original. Siempre crea proyectos nuevos desde el panel.1
Abre el panel PSN.
2
Haz clic en "+ Nuevo proyecto" y rellena los datos del cliente.
3
Abre VSCode → Archivo → Abrir carpeta → navega hasta
SISTEMA-DE-TRABAJO → entra en la carpeta del proyecto nuevo → "Seleccionar carpeta".4
En la barra inferior de VSCode selecciona el agente Jefe Proyecto y cuéntale qué hay que hacer.
✅ El jefe de proyecto te pedirá tu nombre la primera vez y arrancará el proyecto desde el briefing.
Paso opcional — Para equipos
Usar el sistema en equipo con Google Drive
Si vas a trabajar con más personas, puedes compartir la carpeta a través de Google Drive. Hasta 10 personas pueden acceder a los mismos proyectos.
ℹ️ Regla importante: Solo una persona trabaja en un proyecto a la vez. Cuando termines cierra VSCode para que Google Drive sincronice los cambios.
1
Mueve la carpeta
SISTEMA-DE-TRABAJO dentro de tu carpeta de Google Drive local (la que sincroniza con la nube).2
Abre Google Drive en el navegador → busca la carpeta → clic derecho → Compartir → añade los emails de tu equipo con permiso de Editor.
3
Cada miembro instala Google Drive para escritorio en su ordenador. La carpeta se sincroniza automáticamente y todos ven los mismos proyectos.
4
Cada persona abre el panel desde su copia local con el script de inicio de su sistema operativo.
⚠️ Diseñado para equipos de hasta 10 personas. Para equipos más grandes se recomienda una solución con base de datos centralizada.
Módulo opcional — Redes sociales
Genera contenido para redes sociales con IA
El sistema incluye un módulo independiente para generar imágenes y vídeos para Instagram, LinkedIn y otras redes usando IA. Requiere Node.js instalado.
1
Descarga e instala Node.js desde nodejs.org — versión LTS.
2
Abre terminal en la carpeta
REDES-SOCIALES/script/ y ejecuta npm install.3
4
Para cada cliente de redes crea una carpeta en
REDES-SOCIALES/clientes/ y activa el agente gestor-redes-sociales en Kilo.ℹ️ Si no vas a gestionar redes sociales puedes ignorar completamente este módulo. No afecta al resto del sistema.
¡Sistema PSN listo!
Ya tienes todo configurado. Cuando quieras empezar un proyecto, abre el panel PSN y crea uno nuevo desde ahí.
🆘 ¿Algo no funciona?
El panel no abre o sale en blanco ▼
Necesitas Google Chrome o Microsoft Edge. Safari y Firefox no son compatibles. Descarga Chrome en google.com/chrome y vuelve a intentarlo.
Chrome pide permiso cada vez que abro el panel ▼
Es normal en Chrome por seguridad. Solo tienes que hacer clic en "Permitir" — tarda 2 segundos. No hay forma de evitarlo.
Kilo Code no aparece en VSCode ▼
Asegúrate de haber abierto la carpeta SISTEMA-DE-TRABAJO en VSCode (no solo un archivo). Debe aparecer el popup de extensiones recomendadas. Si no aparece, instala Kilo Code manualmente desde el marketplace de extensiones.
El evaluador de viabilidad no funciona ▼
Necesitas configurar una API key en el panel (⚙️ → APIs). Si usas Gemini y da error 429, cambia a DeepSeek — es más económica y sin límites de cuota gratuita.
Más problemas ▼
Abre el archivo 3-SI-FALLA-ENTRA-AQUI.md — cubre todos los escenarios con soluciones paso a paso.