Hablamos

>claude como herramienta · el método

Hago sistemas
que se construyen
solos y aprenden
de sí mismos

arrastra un punto · clic y rueda para acercar · doble clic centrapasa por encima de un punto · mantén pulsado y arrástralotoca un punto para ver su ficha

Cada sesión deja escrito lo que se decidió, lo que falló y lo que falta. La siguiente arranca sabiendo más. Así se está construyendo esta web.

sesión S7 · 23-10-2026
> abre sesión S7● leo ESTADO, PENDIENTES y 5 commits● buzón: R16, cierre S6 con Vercel en verde● decisión: Higgsfield pide un sí cada vez✓ plan S7 · aprobado por Leo
  • CONSTRUYEClaude CodeEscribe todo el código de esta web.
  • PLANIFICACoworkInvestiga, hace las maquetas y escribe los prompts.
  • REVISACodexSegunda opinión sobre el código.
  • INVESTIGAPerplexityResearch con fuente, fecha y confianza.
  • nunca se inventa
  • maqueta antes que pantalla
  • nada vive solo en el chat
  • nunca se borra, se archiva
  • un commit por tarea
  • nada que cueste dinero sin un sí

ESTA WEB, EN NÚMEROS

7sesiones de trabajo para llegar hasta aquí
0 €gastados en herramientas hasta hoy
98sobre 100 en velocidad en el móvil, según Google Lighthouse
9subagentes especializados en esta web

Esta web, medida el 23-10-2026 (Lighthouse, móvil).

MI PANTALLA, UN VIERNES

Tres sistemas.
Un Claude Code
en cada uno.

Captura real del 23 de octubre. Cada ventana es un sistema distinto con su propia carpeta y su propio agente.

kaos · hermes · fénix● 3 sesiones abiertas
Tres ventanas de VS Code con Claude Code abierto en cada proyecto
KAOS.El constructor de proyectos. De aquí nacen los demás.
Hermes.Vídeos para Instagram hechos con código.
FÉNIX.El sistema que ha escrito esta web. Y este texto.

EL PROBLEMA

Una IA sin contexto empieza de cero. Cada día.

SIN SISTEMA

> te paso otra vez el briefing del cliente…> no, los colores eran otros> ¿dónde dejamos esto ayer?> esa métrica no es real, la has inventado

Cada chat nuevo es un empleado nuevo. Explicas lo mismo y te inventa lo que falta.

CON SISTEMA

● leo ESTADO: sé en qué fase estamos y qué falta● leo la metodología: así trabaja esta empresa● leo la ficha del cliente: su tono, sus datos, sus límites● dato sin fuente: [PENDIENTE], no se inventa

El agente arranca sabiendo cómo trabajáis tú y tu cliente. Cada error queda escrito para no repetirlo.

LO QUE GANA TU EMPRESA

El agente lee solo lo que necesita para la tarea, no todo el historial. Sesiones más baratas y más rápidas.

  • MENOS TOKENSGasta menos

    El agente lee solo lo que necesita para la tarea, no todo el historial. Sesiones más baratas y más rápidas.

  • AUTOMATIZACIÓNTrabaja solo

    Agentes que hacen tareas reales de tu empresa: informes, landings, seguimiento de leads.

  • MEMORIARecuerda cómo trabajáis

    La metodología de tu empresa y la de cada cliente, escritas una vez y leídas en cada sesión.

  • CONFIANZANo inventa

    Lo que no sabe lo marca. Lo que afirma lleva fuente. Lo que cuesta dinero espera tu sí.

LA CARPETA

La carpeta
es el agente.

Una carpeta en tu ordenador. Dentro, un cerebro hecho de ficheros de texto (.md): reglas, memoria, tareas y mensajes entre agentes.

Eso es lo que le da vida al agente. Sin la carpeta, Claude es un chat que olvida. Con ella, un compañero que sabe dónde lo dejasteis. Toca una pieza.

  • local
  • tuya
  • texto plano
  • con historial en Git
portfolio-leonardo-campello/

contexto/ESTADO.md

La verdad vigente.

Lo que es cierto hoy, en menos de 8 KB y con fecha en cada dato. Si algo choca con otro documento, manda este.

lo leen los dos agentes al abrir

LAS MANOS

Cuatro manos.
Un criterio.

  • LEO

    Decide

    Fija el objetivo, aprueba la maqueta, prueba en su móvil y da el sí.

  • COWORK

    Planifica

    Investiga con fuentes, hace la maqueta y escribe el encargo con su criterio de hecho.

    research con Perplexity · URL, fecha y confianza
  • CLAUDE CODE

    Construye

    Programa, mide con Lighthouse, hace un commit por tarea y responde por escrito.

  • CODEX

    Revisa

    Segunda opinión sobre el código. Si dos modelos discrepan, decide Leo.

ahora mismo: Leo pone nota a la maqueta 1.7

EL BUZÓNP10_icono_GBP.mdcódigo + commitsR10 con capturas y númerosDos agentes que no comparten memoria se hablan por escrito.

LAS REGLAS

Reglas que
no se saltan.

Un agente de IA hace lo que le dejan hacer. Por eso, antes de tocar nada, lee estas reglas.

Están escritas en un fichero de la carpeta. Si una regla dice que no, es que no, aunque se lo pida yo con prisa. Así un error no llega a producción ni al cliente.

reglas.mdsin excepciones
  • Nunca se inventa. Lo que falta se marca [PENDIENTE]; lo supuesto, [SUPUESTO]; lo cierto lleva fuente.
  • Maqueta antes que pantalla. Sin una maqueta aprobada, no se programa nada.
  • Nada que cueste dinero sin un sí. Créditos, dominios o planes: resumen, sí de Leo y después se hace.
  • Nunca se borra: se archiva. La versión vieja va a 99_Archivo con su fecha.
  • Lo que solo vive en el chat no existe. Toda decisión acaba en un fichero de la carpeta.
  • Datos de terceros, fuera. Ni claves, ni presupuestos, ni métricas de clientes en prompts, repos o logs.

EN PRODUCCIÓN

Sistemas que ya
trabajan.

CAPTACIÓN CON TRACKING

Landings que aprenden.

Landings con formulario por pasos que avisan al cliente al momento y enseñan a Google y Meta qué lead vale de verdad, con las conversiones que vuelven del CRM.

  • data layer
  • n8n
  • Resend
  • conversiones offline
el recorrido de un lead
  1. Formulario por pasos
  2. Un evento por paso
  3. Aviso al cliente al momento
  4. Fila con su origen (UTM)
  5. Calidad real de vuelta a Google y Meta
Ejemplo real: go.construverty.com

>mini agentes

Dales una
tarea.

Cada tarea pasa por tres agentes pequeños. Uno investiga, otro construye y otro revisa. Yo decido al final.

En PC, en 3D

  1. El bibliotecario, mini agente turquesa y redondo con gafas y un libro en el pecho

    INVESTIGA

    El bibliotecario

    Perplexity

  2. El arquitecto, mini agente naranja con boina, gafas y un lápiz en la cabeza

    CONSTRUYE

    El arquitecto

    Claude Code

  3. El linter, mini agente blanco con pantalla por cabeza, antena y un visto en el pecho

    REVISA

    El linter

    Codex

  4. Yo, Leo: muñeco con barba, sudadera negra ancha con >_ naranja y pantalón cargo gris

    DECIDE

    Yo

LA PRUEBA

Esta web es
la prueba.

Siete sesiones en cuatro días. Cada una con su plan, sus prompts y sus commits escritos.

R11_F2_nav_fijo.md · la respuesta de Claude CodeLighthouse 98 · CLS 0 · 185 KB
Respuesta R11 de Claude Code abierta en VS Code, con lo hecho, cómo se verificó y lo pendiente
  1. 20-10

    Cimientos

    Rama de trabajo aparte, cerebro escrito, reglas y protocolo de sesión.

  2. 21-10

    Marca

    Logo "Prompt mínimo" tras descartar 20 propuestas.

  3. 21 y 22-10

    Astro y maqueta

    Proyecto en Astro, referencias desmontadas, home v4 aprobada.

  4. 22-10

    Home publicada

    PageSpeed móvil 99, 186 KB al abrir.

  5. 22-10, noche

    Dominio

    El dominio pasa a mi nombre y la home suma su esquema de tres capas.

  6. 23-10

    Trabajo y grafo

    Trabajo en dos bloques en la web y esta página con su cerebro en vivo.

> siguiente sesión

¿Un sistema
así para ti?

Si tu equipo repite contexto cada día, o quieres una web que se construya con método, cuéntamelo.