Ajedrez

Pídelo así

Copia este prompt, pégalo en Claude o en ChatGPT y listo. Es la versión corta: lo mínimo para que el juego salga jugable.

Hazme un ajedrez completo para navegador.

- Las 6 piezas con sus reglas de verdad: enroque corto y largo, captura al paso, coronación con elección de pieza, jaque, mate, ahogado y tablas por material insuficiente, repetición triple y regla de 50 movimientos.
- Al tocar una pieza se marcan sus casillas legales; no se puede hacer una jugada que deje al propio rey en jaque.
- Tablero y piezas dibujados en canvas con formas propias, que se lean bien a 40 px. Nada de la fuente de ajedrez, que se ve distinta en cada sistema.
- Historial en notación algebraica, botón de deshacer y reloj opcional de 5 o 10 minutos.
- Tres modos: dos jugadores en el mismo dispositivo con el tablero que se gira, contra la máquina en tres niveles, y en línea contra un amigo con un código de 4 caracteres.
- La máquina responde en menos de un segundo y no congela la pantalla.
Técnico: un solo archivo HTML con el CSS y el JavaScript dentro, sin librerías ni imágenes externas, todo dibujado en canvas. Que llene la ventana y se juegue con el dedo en el celular y con mouse en la PC.

Para que te lo dé en HTML

Un juego de estos es un solo archivo que se abre con doble clic. Estos cuatro pasos son los mismos en cualquier IA.

1. 1. Pide el archivo completo

   Al final de tu prompt, agrega esta línea: Dame un solo archivo HTML completo, sin recortes, listo para guardar como index.html y abrir en el navegador. Sin eso es común recibir el código por partes.

2. 2. Copia todo el código

   En Claude el juego aparece al costado ya funcionando, con un botón para copiar o descargar. En ChatGPT, copia el bloque de código completo: tiene que empezar en <!DOCTYPE html> y terminar en </html>.

3. 3. Guárdalo como index.html

   Pégalo en el Bloc de notas (Windows) o en TextEdit en modo texto plano (Mac) y guárdalo con el nombre index.html. Ojo con el .txt: si el archivo queda como index.html.txt, no abre como página.

4. 4. Ábrelo con doble clic

   Se abre en tu navegador y ya se juega, sin instalar nada y sin internet. Para compartirlo, súbelo a cualquier hosting o mándalo por correo: es un solo archivo.

Si el juego sale en blanco, vuelve a la IA y pega el error que aparece en la consola del navegador (clic derecho → Inspeccionar → Consola). Con ese texto lo corrige rápido.

El prompt completo, el que se usó de verdad

Más largo y más específico: números, pantallas y detalles de estilo. Es el que produjo exactamente este juego, sin editar. Úsalo si quieres afinar el resultado.

Construye un juego de ajedrez para navegador, con modo de un jugador y modo multijugador por código de sala.

El juego:
- Ajedrez completo y correcto: movimientos de las 6 piezas, enroque corto y largo, captura al paso, coronación (con elección de pieza), jaque, jaque mate, ahogado, tablas por material insuficiente, por repetición triple y por la regla de 50 movimientos.
- Tablero dibujado en canvas, piezas dibujadas con formas (nada de imágenes ni de la fuente de ajedrez Unicode, que se ve distinta en cada sistema). Que se distingan bien a 40 px.
- Al tocar una pieza se marcan sus casillas legales; solo se permiten jugadas legales.
- Historial de jugadas en notación algebraica, con botón para deshacer solo en el modo sin red.
- Reloj opcional por jugador (5 o 10 minutos, o sin reloj).

Modos:
1. Dos jugadores en el mismo dispositivo (el tablero se puede girar).
2. Contra la máquina: 3 niveles. Búsqueda alfa-beta con tabla de valores de pieza y posición. Tiene que responder en menos de 1 segundo en celular y NO congelar la interfaz.
3. En línea por código: "Crear partida" (muestra el código de 4 caracteres, grande, con botón de copiar, y espera) y "Entrar con código". El anfitrión juega con blancas.

Multijugador:
- Cada jugada se manda como una cadena corta: casilla origen, casilla destino y pieza de coronación si aplica.
- Lo que llega del rival se valida contra tu propio tablero: si es ilegal, se descarta y se muestra "la partida se desincronizó", sin romperse.
- Reconexión: si se recarga la página, con el mismo código se vuelve a entrar y la partida se reconstruye desde las jugadas.
- Avisos claros: esperando rival, turno del rival, rival desconectado, rival se fue. Rendirse y ofrecer tablas, con confirmación del otro lado.

Pruebas que tienes que correr: tests de reglas en node con perft en posiciones estándar (enroque, al paso, coronación, mate, ahogado, 50 movimientos, repetición triple), y una partida completa entre dos pestañas.

Técnico: un solo archivo HTML con todo el CSS y el JavaScript dentro, sin librerías, sin CDN y sin imágenes externas. Que llene la ventana y se juegue con el dedo en el celular y con mouse en la PC. Tiene que funcionar dentro de un iframe con sandbox="allow-scripts".

Para ChatGPT, agrégale al final la línea del paso 1: tiende a entregar el código por partes.

Qué le faltó a este prompt

Lo que se aprendió al ver el juego terminado. Si vas a hacer el tuyo partiendo de aquí, agrégalo desde el inicio: corregir después cuesta otra vuelta.

• Pedir de entrada el modo en línea con código de sala: agregarlo después obliga a rehacer cómo el juego guarda la partida.
• Decir cuánto puede tardar la máquina en responder (aquí: menos de 1 segundo, sin congelar la pantalla). Sin ese límite, un motor más fuerte trababa el celular.
• Pedir pruebas de reglas con posiciones conocidas (perft): es lo que destapa los errores de enroque y captura al paso.

Lo que sí se pidió después del primer resultado, resumido:

• A diferencia de los demás, este juego no salió de un prompt corto: se le pasó además el protocolo de salas del sitio, con cómo crear la sala, cómo pedir el estado y qué hacer si la partida se desincroniza.

Sirve en cualquier IA

Claude, ChatGPT, Gemini, Copilot: el prompt es el mismo y el método también. Lo que cambia es dónde ves el resultado. Cuatro cosas que valen en todas:

1. Pide un solo archivo

   "Un solo archivo HTML con todo adentro, sin librerías ni CDN." Así el juego funciona con doble clic, sin instalar nada, y se puede subir a cualquier web.

2. Pídele que te diga qué asumió

   Termina con: "antes de escribir el código, dime en 5 líneas qué asumiste". Ahí aparecen los huecos de tu prompt mientras corregirlos todavía es barato.

3. Una corrección por mensaje

   Di qué pasa y qué esperabas. Si pides tres cambios juntos, uno suele deshacer a otro.

4. Pide que lo pruebe, no que prometa

   "Comprueba que los niveles se puedan ganar y dime cómo lo comprobaste." Así los juegos de esta página encontraron sus bugs antes de publicarse.

Las 6 partes de un buen prompt, con plantilla para copiar