Si armaste un formulario en una página en hebreo, y el campo de email salta de lado mientras escribís, no sos el único.

Dónde estás ahora

¿Y si el problema no es el diseño? Una página en hebreo tiene campos cuyo contenido siempre va de izquierda a derecha: email, sitio web, teléfono, número de documento, fecha. Cuando ese campo hereda la dirección de la página, el navegador, el programa con el que abrís sitios web, ordena los caracteres con las reglas de derecha a izquierda.

Y no termina en el email. Un número copiado de WhatsApp se ve impecable y falla igual, porque vinieron con él marcas de dirección invisibles. Un documento israelí real es rechazado.

Pedís un arreglo, el código suma otra regla de "espacio a la izquierda" (margin-left), y se rompe otra cosa. Izquierda sigue siendo izquierda aunque la página vaya de derecha a izquierda, así que esa regla siempre está mal en una de las dos direcciones.

Axel Jedlitschka

Quién te habla: Axel Jedlitschka

En telemeeting agendaba reuniones de venta por teléfono, y en ese mismo trabajo empecé a armar sistemas y automatizaciones, procesos que corren solos, para dueños de negocios. Lo que me llevé de ahí fue resolver problemas de tecnología en los negocios.

Armé un sistema de análisis de pronóstico de negocio, y le sirvió muchísimo al marketing y a las ventas de la empresa. Ahí me di cuenta de que tengo un conocimiento muy bueno que todo negocio necesita. Un formulario de contacto es justo eso: todo negocio necesita uno, y en hebreo no es un solo bug que se arregla. Son cuatro problemas que aparecen en todo formulario de derecha a izquierda.

Axel Jedlitschka

Qué pedir

  • Email y teléfono, de izquierda a derecha

    Saber que email, sitio web, teléfono, número de documento y fecha siempre van de izquierda a derecha, también en una página en hebreo.

  • Nombre en inglés, nombre en hebreo

    Tener un campo de texto que toma la dirección de la primera letra escrita, así un nombre en inglés y uno en hebreo salen bien en el mismo campo.

  • Un número de WhatsApp pasa

    Saber que las marcas invisibles, que vienen con un número copiado de WhatsApp, de un PDF o de Word, se limpian antes de validar.

  • El documento, bien validado

    Tener una validación que rechaza un número con un dígito mal, con un mensaje claro, y saca un guion en el medio mientras se tipea.

  • Un formulario, cualquier idioma

    Tener un archivo de estilos sin izquierda ni derecha, así el mismo formulario anda en hebreo, árabe, inglés o español.

Hay una forma

Un agente de IA es un programa, como Claude Code, Codex o Cursor, que hace trabajo por vos en la compu, incluso armar tu sitio. Si le pedís un formulario, arma cada campo desde cero. Con este kit, tu agente deja de escribir campos desde cero y elige un componente listo de un catálogo ya probado. Un componente es una pieza lista de un formulario, como un campo de teléfono o de email, que ya sabe hacia dónde escribir y qué validar. Los componentes están hechos en React, una herramienta con la que se arman muchos sitios hoy.

  1. Describís.Pedís un formulario en el chat, o completás un resumen corto: para qué es, qué campos, cuáles son obligatorios y a dónde van los datos.
  2. Aprobás.Antes de escribir código, el agente te muestra una tabla corta con qué campo va a qué componente del catálogo. Vos decidís y aprobás.
  3. Conecta.Copia los componentes tal como están, arma el formulario y agrega la misma validación en el servidor, la computadora que recibe los datos.
  4. Demuestra.Corre los tests, prueba en el navegador cadenas de prueba en hebreo, en inglés y con dígitos, y te cuenta cuáles usó.

Escribí name@example.com con el teclado en hebreo, y sale una tira de letras hebreas. El campo del kit avisa que el teclado parece estar en hebreo, y ofrece un botón con la dirección correcta. Un clic y queda corregido.

La forma, en un kit

Kit de formularios · un kit de Axel Jedlitschka

Tu agente arma tu formulario en hebreo con componentes ya probados, y funciona de derecha a izquierda al primer intento.

  • Antes de escribir nada, la instalación muestra qué va a hacer y pregunta. La respuesta por defecto es "no"
  • Al final la instalación revisa su propio trabajo y, si algo falla, vuelve a poner la versión anterior
  • Un escáner que encuentra reglas de izquierda y derecha en el archivo de estilos, y te dice por cuál reemplazarlas
  • Un catálogo de 10 componentes React: texto, email, URL, teléfono israelí, documento israelí, fecha, textarea en varios idiomas, select, casilla de consentimiento y un espacio de error que reconocen los lectores de pantalla, los programas que leen la pantalla en voz alta
  • Un archivo CSS, el archivo de estilos del formulario, con inicio y fin en lugar de izquierda y derecha
  • Todas las validaciones en un módulo sin dependencias, para el navegador y el servidor, que primero limpia marcas invisibles
  • Un skill para Claude Code, un archivo de instrucciones que tu agente carga, con las reglas que hacen que elija del catálogo en lugar de escribir un campo nuevo
  • Un escáner de CSS que encuentra margin-left y parecidos, y te dice por cuál reemplazarlos
  • Cadenas de prueba en hebreo, inglés y dígitos, y valores pegados con marcas invisibles, con su resultado esperado
  • Un formulario de contacto de ejemplo, un resumen para describir el tuyo, y AGENTS.md con las mismas reglas para Codex, Cursor y Gemini CLI
La primera página de la guía: formularios en hebreo que funcionan de derecha a izquierda

La comparación

Gratis

Kit de formularios

Email y teléfono en una página en hebreo
Siempre de izquierda a derecha
Un número pegado de WhatsApp
Las marcas invisibles se limpian antes de validar
Un arreglo en el código
Inicio y fin, que andan en las dos direcciones

Un campo desde cero

Email y teléfono en una página en hebreo
Hereda la dirección de la página, y se desordena
Un número pegado de WhatsApp
Se ve impecable, y falla igual
Un arreglo en el código
Espacio a la izquierda, y se rompe otra cosa

La oferta

Un catálogo de 10 componentes, un módulo de validación, un escáner del archivo de estilos, cadenas de prueba, y una guía de 7 páginas

Precio: GratisSin tarjeta de crédito, y ninguna parte queda reservada para quien pague

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

Apenas dejás tus datos, se abre una página de agradecimiento con un botón para bajar el kit. El idioma de la guía lo elegís en el formulario: hebreo, inglés o español.

De Axel Jedlitschka

Qué recibís

Garantizado

  • El kit completo, gratis, apenas dejás tus datos.
  • Ninguna parte queda reservada para quien pague.
  • Tus datos no se venden, y no se pasan a nadie, salvo a los proveedores de infraestructura que hacen funcionar el sitio.
  • ¿Una pregunta sobre el kit? Mandá un mensaje por Instagram, @theonlyaxelj.

No garantizado

  • Un resultado. El kit le enseña a tu agente a elegir componentes listos, y el resultado depende de cómo lo apliques y de tu sitio. Es conocimiento general, no asesoramiento personal.
  • Que un número que pasa la validación sea de quien lo escribió. Las validaciones de documento, teléfono y email detectan errores de tipeo y confirman la forma.

No hay compra ni pago, así que no hay nada que cancelar. Podés retirar tu consentimiento para recibir mensajes promocionales cuando quieras.

¿Preguntas?

¿Cómo recibo el kit?

Dejás tus datos, y al instante se abre una página de agradecimiento con un botón para bajar el kit. Instalarlo es un comando en la terminal, la ventana donde le escribís comandos a la compu: descomprimís el archivo, y desde la carpeta que se crea corrés bash install.sh.

¿Es de verdad gratis?

Sí. Sin tarjeta de crédito, y ninguna parte queda reservada para quien pague.

No escribo código. ¿Esto es para mí?

Sí. Si armás tu sitio con Claude Code, Cursor o una herramienta parecida, pedís un formulario y el skill se asegura de que el agente use componentes que ya funcionan.

Ya uso shadcn/ui o MUI.

Son librerías de diseño, colecciones de piezas listas para un sitio. Sus modos RTL dan vuelta el layout: espaciado, íconos, el lado de la etiqueta. No fijan la dirección de lo que se tipea dentro del campo, así que un email o un teléfono en un campo en hebreo se sigue desordenando. Quedate con la librería para el aspecto, y tomá de este kit las reglas de los campos y las validaciones.

Mi sitio está hecho con Next.js. ¿Funciona?

Sí, y con cualquier otro proyecto React, como Vite. Los componentes solo necesitan React, sin librería de diseño.

¿Y las páginas en árabe?

Las reglas de dirección son las mismas, así que los componentes y el CSS funcionan sin cambios en árabe. Las validaciones ya eliminan la marca de letra árabe y convierten los dígitos arábigo-índicos a dígitos comunes. Las de teléfono y documento siguen reglas israelíes, y los textos de error en árabe entran por un solo ajuste.

Mi agente no es Claude Code.

El skill está hecho para Claude Code. Las reglas en sí están en AGENTS.md y funcionan con cualquier agente que lea un archivo de instrucciones, como Codex, Cursor o Gemini CLI.

¿Me van a llenar de spam o de llamadas?

Tus datos se usan para enviarte el kit y para contactarte después en relación con él. Los mensajes promocionales se envían solo si marcaste la casilla, y podés darte de baja cuando quieras. También podés pedir ver tus datos, corregirlos o borrarlos.

Y ahora

Podés seguir dejando que tu agente escriba cada campo desde cero, o que elija un componente listo de un catálogo ya probado.

Un kit para instalar y una guía en PDF de 7 páginas: un catálogo de 10 componentes React, todas las validaciones en un módulo y cadenas de prueba, gratis.

Precio: GratisSin tarjeta de crédito

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

El kit queda listo para bajar apenas dejás tus datos

El kit es gratis y lo tenés al instante. Solo recibís mensajes promocionales si marcás la casilla, y podés darte de baja cuando quieras.

Tus datos se usan para contactarte. Qué se recopila, para qué y quién lo recibe: en la Política de privacidad (se abre en una pestaña nueva).