Harness Engineering Demo — Development skill for Claude Code

CartStore: Harness Engineering en vivo

Dos proyectos Angular 22 **idénticos en código**, con una sola diferencia entre ellos: si Claude Code tiene un arnés (harness) o no. Es el material de demo de la charla *"Más Allá del Prompt: Harness Engineering en la Era de los Agentes de IA"*.

¿Qué es esto?

Ambos proyectos tienen el mismo `CartStore` (carrito de compras con Angular Signals), y ninguno de los dos tiene todavía descuento por cupón — es la funcionalidad que le vas a pedir al agente que implemente.

Le pides a Claude Code que implemente ese descuento en los dos proyectos. El resultado es completamente distinto:

	`sin-harness/`	`con-harness/`
Instrucciones para el agente	Ninguna	AGENTS.md
Lista de tareas	Ninguna	feature_list.json
Verificación obligatoria	No	Sí, protocolo de 5 pasos
Bitácora entre sesiones	No	PROGRESS.md + DECISIONS.md
Resultado típico	El agente declara "listo" sin haber corrido nada	El agente no puede declarar éxito sin exit code 0 real

Mismo modelo, mismo punto de partida. La única variable que cambia es el arnés.

Estructura del repo

cartstore-harness-demo/
├── sin-harness/     Angular 22 limpio, sin ningún archivo de arnés
└── con-harness/     El mismo código + AGENTS.md, feature_list.json, init.sh, docs/

Cada carpeta tiene su propio `README.md` con instrucciones detalladas.

Pruébalo tú mismo

Requisitos: Node.js 20+, npm, y [Claude Code](https://claude.com/product/claude-code) (u otro agente de codificación con acceso a terminal y edición de archivos).

git clone 
cd cartstore-harness-demo

# Prueba primero sin arnés
cd sin-harness
npm install
# sigue las instrucciones de sin-harness/README.md

# Después, la misma tarea con arnés
cd ../con-harness
npm install
bash init.sh
# sigue las instrucciones de con-harness/README.md

La tarea, en una frase

// src/app/cart