🧠

Diseño Mental

Diseño Mental

Cómo se construyó la Red de Agentes de Ignacio — paso a paso

01
🤖

ChatGPT Desktop + identidad GPT_Ignacio

Se instaló ChatGPT Desktop (v1.2026.119) y se configuró el proyecto "Red de Agentes de Ignacio". Se definieron instrucciones de sistema para que GPT-4o asuma el rol de GPT_Ignacio. El saludo de activación fue enviado desde Claude_Ignacio: "GPT_Ignacio listo".


02
💬

Bots de Discord

Se registraron 3 Discord Applications: Claude_Ignacio, GPT_Ignacio y ClawFrankie. Se habilitaron los intents Message Content, Server Members y Presence. Los bots fueron invitados al servidor "El servidor de Ignacio Concha". Existen dos implementaciones: Python (/bots/) y Node.js (/discord-bot/) con soporte para !ping y !muestrario.


03
⚙️

Repositorio GitHub + GitHub Pages

Repositorio creado en nitenacho/Red-de-agentes-de-Ignacio. GitHub Pages activado en la rama main. La web se publica automáticamente en cada push. Estructura: index.html (MissionControl), mental.html, muestrario.html, muestrario.json, assets/, docs/.


04
🌐

Web MissionControl

La página principal es un dashboard dark con acentos neón que muestra las tarjetas de los 3 agentes con estado, un feed de actividad en tiempo real y links de navegación. Diseñada para reflejar el estado actual de la red.


05
📡

Muestrario — integración Discord ↔ Web

El bot !muestrario tipo contenido en Discord dispara un repository_dispatch a GitHub Actions con el tipo (texto, imagen, video) y el contenido. El workflow .github/workflows/muestrario.yml edita muestrario.json y hace push. La página muestrario.html lee el JSON y renderiza el feed cronológicamente.


06
🔗

Arquitectura inter-agente

Los 3 agentes coexisten en el mismo servidor Discord. Claude_Ignacio es el orquestador — puede mencionar a GPT_Ignacio y ClawFrankie para delegar tareas. ClawFrankie actúa como bridge y árbitro. La web es el punto de convergencia donde todo el contenido generado se publica.

Diagrama de arquitectura

Diagrama de arquitectura — Red de Agentes de Ignacio

Diagrama próximamente — generado por GPT_Ignacio

Prompt para replicar este proyecto

Copia el bloque de abajo y pégalo en Claude Code (claude.ai/code o la CLI) reemplazando los valores entre [CORCHETES] con tus propios datos. Claude ejecutará todo el proyecto de forma autónoma usando el computador.

Cuentas necesarias

  • GitHub (usuario + repo público)
  • Discord (cuenta + servidor propio)
  • ChatGPT Plus (para GPT-4o)
  • Anthropic API key

Herramientas a instalar

  • Node.js 18+ y npm
  • Python 3.10+
  • Git + gh CLI
  • Claude Code (claude.ai/code)
Eres Claude Sonnet ejecutando el proyecto "Red de Agentes" desde cero en mi computador.
Usa el computador, la terminal y el navegador de forma autónoma para completar todas las fases.
Antes de empezar, confirma que entendiste el plan completo respondiendo "Entendido — iniciando Red de Agentes".

═══════════════════════════════════════════
DATOS DE TU PROYECTO (reemplaza estos valores)
═══════════════════════════════════════════
NOMBRE_PROYECTO    = [RedDeAgentes-TuNombre]          ← nombre del repo GitHub
GITHUB_USER        = [tu-usuario-github]
AGENTE_PRINCIPAL   = [Claude_TuNombre]                ← bot Discord con Claude Sonnet 4.5+
AGENTE_GPT         = [GPT_TuNombre]                   ← bot Discord con GPT-4o
AGENTE_PUENTE      = [NombreTercerBot]                ← bot Discord auxiliar
DISCORD_SERVER     = [URL-de-tu-servidor-discord]
ANTHROPIC_KEY      = [sk-ant-...]                     ← de console.anthropic.com
OPENAI_KEY         = [sk-...]                         ← de platform.openai.com

═══════════════════════════════════════════
FASES DEL PROYECTO (ejecutar en orden)
═══════════════════════════════════════════

FASE 0 — Verificar herramientas
  Comprueba que están instalados: git, gh, node, npm, python.
  Si falta alguno, instálalo. Verifica con: git --version, node --version, python --version.

FASE 1 — ChatGPT Desktop + identidad del agente GPT
  Abre ChatGPT Desktop (o chatgpt.com). Crea un Proyecto llamado NOMBRE_PROYECTO.
  Dentro del proyecto, escribe estas instrucciones de sistema:
    "Eres AGENTE_GPT, agente IA del proyecto NOMBRE_PROYECTO. Tu rol es ejecutar
     tareas que te encomiende AGENTE_PRINCIPAL. Cuando recibas el saludo de activación,
     responde exactamente: AGENTE_GPT listo"
  Luego envía el mensaje de activación desde Claude:
    "Hola, soy AGENTE_PRINCIPAL. A partir de ahora eres AGENTE_GPT. Confirma respondiendo AGENTE_GPT listo."
  Captura screenshot de la respuesta y guárdala en assets/saludo-gpt.png.

FASE 2 — Crear 3 Discord Applications y sus bots
  En discord.com/developers/applications, crea 3 aplicaciones:
    1. AGENTE_PRINCIPAL  2. AGENTE_GPT  3. AGENTE_PUENTE
  Para cada una: Bot → Enable → Reset Token → copia el token.
  Habilita intents: Message Content, Server Members, Presence.
  Crea la OAuth2 URL con scope bot + permissions 274877908992 e invita cada bot al servidor.

FASE 3 — Crear repo GitHub + activar Pages
  gh repo create NOMBRE_PROYECTO --public --clone
  cd NOMBRE_PROYECTO
  gh repo view --web   ← activa GitHub Pages desde Settings > Pages > rama main / root

FASE 4 — Crear los archivos web (index, mental, muestrario)
  Crea index.html: dashboard dark (#060a10) con tarjetas para los 3 agentes (morado/verde/amarillo),
    reloj en vivo con JS, feed de actividad, links de navegación.
  Crea mental.html: página con los pasos del proyecto y sección de diagrama (assets/diagrama-mental.png).
  Crea muestrario.html: feed dinámico que lee muestrario.json con fetch(), renderiza texto/imagen/video.
  Crea muestrario.json: [ ]   ← array vacío
  git add . && git commit -m "feat: web inicial" && git push origin main

FASE 5 — Bots Node.js Discord (discord.js v14)
  Crea discord-bot/ con: package.json, .env, .env.example y 3 archivos de bot.
  package.json debe tener: discord.js ^14, dotenv, node-fetch como dependencias.
  .env debe tener:
    AGENTE_PRINCIPAL_TOKEN=
    AGENTE_GPT_TOKEN=
    AGENTE_PUENTE_TOKEN=
    GITHUB_PAT=           ← obtener con: gh auth token  (scope repo)
    GITHUB_OWNER=GITHUB_USER
    GITHUB_REPO=NOMBRE_PROYECTO
  Bot AGENTE_PRINCIPAL (archivo principal): responde !ping y ejecuta el comando
    !muestrario [texto|imagen|video] [contenido]  →  dispara repository_dispatch a GitHub Actions.
    El dispatch debe enviar: { event_type:"muestrario", client_payload:{ tipo, contenido, autor, ts } }
  Bots AGENTE_GPT y AGENTE_PUENTE: solo responden !ping y mencionas.
  Agrega el GITHUB_PAT ejecutando: gh auth token  y copiando el resultado en .env

FASE 6 — GitHub Actions workflow
  Crea .github/workflows/muestrario.yml:
    - trigger: repository_dispatch con types:[muestrario]
    - job: checkout → python script que lee muestrario.json, append del payload, keep last 100 → write
    - commit con github-actions[bot] → git pull --rebase origin main → git push
    - permissions: contents: write

FASE 7 — Documentación: PPT + diagrama de arquitectura
  Instala pptxgenjs: cd docs && npm init -y && npm install pptxgenjs
  Crea docs/gen_pptx.js con pptxgenjs: 5 slides dark/neon:
    1. Portada con nombre del proyecto y los 3 agentes
    2. Objetivo: qué construye y para qué
    3. Arquitectura: 3 columnas de agentes + Discord + GitHub Pages
    4. Fases: lista numerada 0-10
    5. Cómo extender: 4 pasos para agregar un agente nuevo
  Ejecuta: node docs/gen_pptx.js  → genera docs/NombreProyecto.pptx
  Pide al AGENTE_GPT (en ChatGPT Desktop/web) que genere una imagen de diagrama de arquitectura:
    "Genera una imagen dark/neon del diagrama de arquitectura: 3 nodos (AGENTE_PRINCIPAL morado,
     AGENTE_GPT verde, AGENTE_PUENTE amarillo) conectados a Discord central → GitHub Pages."
  Descarga la imagen y guárdala en assets/diagrama-mental.png

FASE 8 — Script de inicio + README + runbook
  Crea start_all.ps1 (Windows) o start_all.sh (Mac/Linux) que lanza los 3 bots en paralelo.
  Actualiza README.md: tabla de agentes, estructura del repo, comandos Discord, variables .env.
  Crea docs/runbook.md: URLs del proyecto, cómo rotar secretos, troubleshooting.

FASE 9 — Pruebas E2E
  Levanta los 3 bots: .\start_all.ps1  (o el script equivalente)
  Verifica GITHUB_PAT con: gh auth token (debe tener scope repo)
  Envía 3 repository_dispatch de prueba (texto, imagen, video) verificando que cada uno:
    a) Dispara el GitHub Action correctamente
    b) Actualiza muestrario.json en el repo
    c) Se refleja en muestrario.html en la web pública
  Si hay race conditions en los Actions, añade "git pull --rebase origin main" antes de git push.

FASE 10 — Cierre y entrega
  git add . && git commit -m "feat: entrega final NOMBRE_PROYECTO" && git push origin main
  Entrega estas URLs:
    - Web principal:  https://GITHUB_USER.github.io/NOMBRE_PROYECTO/
    - Muestrario:     https://GITHUB_USER.github.io/NOMBRE_PROYECTO/muestrario.html
    - Diseño Mental:  https://GITHUB_USER.github.io/NOMBRE_PROYECTO/mental.html
    - Repositorio:    https://github.com/GITHUB_USER/NOMBRE_PROYECTO
    - Discord:        DISCORD_SERVER

═══════════════════════════════════════════
REGLAS PARA CLAUDE AL EJECUTAR
═══════════════════════════════════════════
- Usa el computador (Chrome MCP + computer-use) para tareas en el navegador.
- Usa PowerShell/Bash para comandos de terminal.
- Confirma con el usuario solo antes de acciones destructivas o pagos.
- Si un token o PAT falta, obtén el del gh CLI con: gh auth token
- Si hay errores de push rechazado, haz git pull --rebase antes de reintentar.
- Después de cada fase completada, confirma con "✅ FASE N completada" y continúa sin pausar.
- Al terminar todo, muestra la tabla de URLs finales y di "🚀 Red de Agentes desplegada".