Guía gratis · Inmobiliarias
Crea una web inmobiliaria premium con IA
Rellenas tu briefing una vez, copias los prompts en Claude Code y la IA hace el resto, paso a paso.
Tecnología usada
- Claude Code
- Node.js
- GitHub
- Astro
- PHP
- Hostinger
Dejas listo Claude Code con la carpeta de tu proyecto. Si no tienes logo ni fotos, no pasa nada: la IA creará tu identidad. Nada de pagar hosting todavía.
Claude Code forma parte de los planes de pago de Claude.
Claudeclaude.aiAbrirEs la forma más sencilla: sin terminal ni comandos.
App de Claude para escritorioclaude.aiDescargarLo necesita la IA para construir y probar tu web. Siguiente, siguiente, finalizar.
Node.jsnodejs.orgDescargarTendrás una carpeta «mi-inmobiliaria» con otra dentro llamada «materiales».
Carpeta del proyecto (.zip)DescargarOpcional. Si no tienes nada, márcala igualmente: la IA creará tu logo provisional, tus colores y usará imágenes de ejemplo.
Ver qué va en cada carpeta
📁 mi-inmobiliaria / materiales /
- 📁 01-marcaTu logo (mejor en SVG; si no, PNG con fondo transparente), la versión en blanco si la tienes, el manual de marca en PDF y un colores.txt con tus colores y tipografías.logo.svg · logo-blanco.png · manual-marca.pdf
- 📁 02-fotos-propiasFotos reales del negocio: equipo, oficina, fachada, tú atendiendo a clientes.equipo.jpg · oficina-interior.jpg · fachada.jpg
- 📁 03-inmueblesUna subcarpeta por inmueble (ref-001, ref-002…) con sus fotos numeradas en el orden en que quieres que se vean y un datos.txt: título, precio, operación, tipo, zona, habitaciones, baños, metros y descripción.ref-001/01-salon.jpg · ref-001/datos.txt
- 📁 04-referenciasCapturas de webs que te gustan y un notas.txt con qué te gusta de cada una. La IA extrae ideas, no copia.referencia-1.png · notas.txt
- 📁 05-textosTextos que ya tengas: sobre vosotros, servicios, zonas. Si no tienes, la IA los redacta con tu briefing.sobre-nosotros.txt · servicios.txt
- Nombres en minúsculas, sin espacios ni tildes, que digan qué es: fachada-oficina.jpg (no IMG_2034.jpg).
- Fotos en JPG o PNG, de 1600 px de ancho o más. No hace falta comprimirlas.
- Todo es opcional: lo que falte, la IA lo resuelve con ejemplos DEMO rotulados.
En la app de Claude, pestaña «Code»: elige la carpeta mi-inmobiliaria (la que contiene «materiales»).
Pega este mensaje y comprueba que la IA ve tu carpeta (aunque «materiales» esté vacía).
Mensaje de pruebaLista las carpetas y archivos de este proyecto (incluida la carpeta «materiales») y dime en una frase qué contiene cada carpeta. No hagas na…
Ver el prompt completo
¿La IA ha descrito tu carpeta?
¿Algo falla?
- La IA dice que no ve ningún archivo
- Comprueba que has abierto la carpeta mi-inmobiliaria (la que contiene «materiales»), no una vacía. Vuelve a enviar el mensaje de prueba.
- No tengo fotos, logo ni manual de marca
- Sigue igualmente: la IA crea una identidad provisional completa (logo, colores, tipografías) y usa imágenes de ejemplo. Podrás cambiarlo todo después desde el panel.
- Mis fotos se llaman IMG_2034.jpg
- Renómbralas para que digan qué son (fachada-oficina.jpg, salon-ref-001.jpg): la IA las entiende y las coloca mejor.
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
Le cuentas a la IA cómo es la inmobiliaria. Lo rellenas una vez y aparece solo en todos los prompts.
- Briefing listo:
¿Has completado tu briefing?
¿Algo falla?
- ¿Dónde se guarda lo que escribo?
- Solo en tu navegador. No se envía a ningún sitio: lo usas tú al copiar los prompts.
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
La IA analiza tu briefing y tus materiales y diseña la portada. Es el momento «wow».
- Prompt 1 · Análisis y Home
FASE 1 DE 5 · ANÁLISIS Y HOME ESPECTACULAR
Ver el prompt completo
¿Te gusta? Comprueba si tu dominio está libre antes de que lo registre otro.
¿Te encanta la Home?
Mejora la HomeRevisa la Home como un director de arte externo y muy exigente (sección 4 de PROMPT-MAESTRO.md). Dime en 5 puntos qué la hace parecer una pl…
Ver el prompt completo
¿Algo falla?
- La IA se ha parado a mitad
- Escríbele «continúa». Si ha perdido el hilo, usa el prompt de rescate.
- Parece una plantilla
- Usa «Mejora la Home» y dile en una línea qué no te convence: colores, fotos, titular…
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
Guardas tu proyecto en GitHub y la IA crea el resto: inmuebles con ficha y filtros, página para propietarios, Nosotros, Contacto y legales.
Ahora que ya has visto tu Home: GitHub guarda tu proyecto y permite publicarlo y actualizarlo. Solo la cuenta; la IA te pedirá autorizarla con un clic. Nunca le des contraseñas por el chat.
GitHubgithub.comCrear cuenta- Prompt 2 · GitHub y web completa
FASE 2 DE 5 · GITHUB Y WEB COMPLETA
Ver el prompt completo
Solo inicio de sesión y «Autorizar».
¿Funcionan el listado, la ficha y las páginas?
¿Algo falla?
- No me ha pedido conectar GitHub
- Escríbele: «Conecta ahora el proyecto a mi cuenta de GitHub en un repositorio privado (sección 12)». Te pedirá iniciar sesión y autorizar con un clic.
- Las páginas no tienen el estilo de la Home
- Escríbele: «Aplica a todas las páginas el mismo DESIGN-SYSTEM.md de la Home» y revisa de nuevo.
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
Un panel /admin para crear inmuebles, cambiar precios, editar textos y ver las solicitudes. Sin tocar código.
- Prompt 3 · Panel /admin y seguridad
FASE 3 DE 5 · PANEL /ADMIN Y SEGURIDAD
Ver el prompt completo
¿Ves en la web el inmueble y el precio que cambiaste?
¿Algo falla?
- No sé cómo entrar en /admin
- Pídele a la IA: «Explícame paso a paso el primer acceso a /admin según PASSWORD-RECOVERY.md».
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
Perfecta en cualquier móvil, preparada para Google, rápida y revisada de arriba abajo.
- Prompt 4 · Calidad profesional
FASE 4 DE 5 · CALIDAD PROFESIONAL
Ver el prompt completo
¿Se ve perfecta en el móvil?
¿Algo falla?
- Algo se sale de la pantalla en el móvil
- Hazle una captura y escríbele: «En el móvil esto se sale de la pantalla: corrige el elemento causante (sección 9)».
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
Tu web ya está hecha. Solo falta que el mundo la vea, con tu dominio propio.
- Hostinger · hosting + dominio
- 20 % de descuento en el primer periodo de cualquier plan nuevo
- Dominio gratis el primer año en planes de 12 meses o más
- Prompt 5 · Publicar en Hostinger
FASE 5 DE 5 · PUBLICAR CON DOMINIO PROPIO
Ver el prompt completo
¿Se ve tu web en tu dominio?
¿Algo falla?
- ¿Qué plan de Hostinger elijo?
- El prompt 5 pide a la IA que compruebe el plan compatible más económico (PHP, almacenamiento y SSL). Pregúntale antes de pagar.
- Ya tengo dominio
- Díselo a la IA: te guiará para conectarlo sin comprar otro.
Prompt de rescateRelee PROMPT-MAESTRO.md, PROJECT-BRIEF.md y, si existe, AUDIT-REPORT.md. Dime en una frase en qué fase estamos (1 a 5) y qué queda pendiente…
Ver el prompt completo
🎉 ¡Tu web está publicada!
¿Prefieres que te la haga yo?
Te diseño un prototipo de tu web gratis en 24 horas.
- Prototipo navegable, hecho a medida
- Solo pagas si te gusta
- Web lista en 7 días
Una web mejor cada semana
Un email a la semana con consejos, ideas y recomendaciones para que tu web impacte, convierta visitas en clientes, trabaje en automático y posicione en Google.
- Diseño que impacta
- Visitas que se convierten en clientes
- Automatización
- Google y visibilidad