Guía gratis · Lavaderos y detailing
Crea la web de tu lavadero o detailing premium con IA
Rellenas tu briefing una vez, eliges tu estilo entre cinco propuestas y copias los prompts en Claude Code. La IA hace el resto.
Tecnología usada
- Claude Code
- Taste Skill
- 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. 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-lavadero» con otra dentro llamada «materiales».
Carpeta del proyecto (.zip)DescargarOpcional, pero las fotos reales de trabajos son lo que más vende. Si no tienes nada, márcala igualmente.
Ver qué va en cada carpeta
📁 mi-lavadero / materiales /
- 📁 01-marcaTu logo (mejor en SVG; si no, PNG con fondo transparente), 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-local-y-equipoFotos reales de tus instalaciones, la fachada, el equipo trabajando y tu furgoneta si vas a domicilio.fachada.jpg · box-lavado.jpg · equipo.jpg
- 📁 03-trabajosUna subcarpeta por trabajo con sus fotos de antes y después y un datos.txt: servicio, vehículo y qué se hizo. Son tu mejor prueba de calidad.trabajo-001/antes-01.jpg · trabajo-001/despues-01.jpg · trabajo-001/datos.txt
- 📁 04-serviciosUn tarifas.txt con cada servicio: precio (fijo, «desde» o bajo presupuesto), duración, vehículos y extras.tarifas.txt
- 📁 05-referenciasCapturas de webs que te parecen espectaculares (aunque sean de otro sector) y un notas.txt con qué te gusta de cada una. La IA extrae ideas, no copia.referencia-1.png · notas.txt
- 📁 06-textosTextos que ya tengas: quiénes sois, preguntas frecuentes, garantías. Si no tienes, la IA los redacta con tu briefing.nosotros.txt · preguntas.txt
- Nombres en minúsculas, sin espacios ni tildes, que digan qué es: antes-capo-negro.jpg (no IMG_2034.jpg).
- Fotos en JPG o PNG, de 1600 px de ancho o más. Antes y después con el mismo encuadre, a ser posible.
- Todo es opcional menos una web de referencia (la pones en el briefing): lo que falte, la IA lo marca como pendiente y nunca lo inventa.
En la app de Claude, pestaña «Code»: elige la carpeta mi-lavadero (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-lavadero (la que contiene «materiales»), no una vacía. Vuelve a enviar el mensaje de prueba.
- No tengo fotos de trabajos
- Sigue igualmente: la IA deja los huecos de antes/después marcados como pendientes y nunca inventa trabajos. Podrás subirlas después desde el panel.
- Mis fotos se llaman IMG_2034.jpg
- Renómbralas para que digan qué son (antes-capo-negro.jpg, box-lavado.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 6) y qué queda pendiente…
Ver el prompt completo
Le cuentas a la IA cómo es tu negocio y qué web te encanta. 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.
- No sé qué web poner de referencia
- Cualquier web que te parezca espectacular, aunque sea de coches de lujo, relojes o una marca deportiva. Di qué te gusta: colores, fotos, animaciones… Es el punto de partida de tus 5 estilos.
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 6) y qué queda pendiente…
Ver el prompt completo
La IA prepara su criterio de diseño (Taste Skill) y te enseña cinco estilos muy distintos para tu web. Tú eliges uno.
- Prompt 1 · Cinco estilos para elegir
FASE 1 DE 6 · BRIEFING Y CINCO ESTILOS
Ver el prompt completo
Es un complemento de diseño gratuito para la IA. Solo se instala una vez.
Puedes mezclar: «la C, pero con los colores de la A».
¿Has elegido tu estilo?
Otras cinco propuestasNinguna de las cinco me convence del todo. Lo que me gusta y lo que no: [escríbelo aquí, por ejemplo «me gusta el fondo oscuro de la B, pero…
Ver el prompt completo
¿Algo falla?
- No se instala Taste Skill
- Dile a la IA: «Si no puedes instalar Taste Skill, sigue con las reglas visuales del apartado 03 del prompt maestro». La web sale igual de cuidada.
- Los cinco estilos se parecen
- Usa «Ninguno me convence» y dile qué te gusta de tu web de referencia: la IA propondrá cinco nuevos.
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 6) y qué queda pendiente…
Ver el prompt completo
Tres variantes de tu estilo para afinar. Eliges una y la IA crea tu identidad y la portada. Es el momento «wow».
- Prompt 2 · Tres variantes y tu Home
FASE 2 DE 6 · TRES VARIANTES Y HOME
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 (apartados 09 y 26 de PROMPT-MAESTRO.md). Dime en 5 puntos qué la hace parece…
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 6) y qué queda pendiente…
Ver el prompt completo
Guardas tu proyecto en GitHub y la IA crea el resto: servicios con su ficha, trabajos con antes y después, nosotros, contacto y legales.
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 3 · GitHub y web completa
FASE 3 DE 6 · GITHUB Y WEB COMPLETA
Ver el prompt completo
Solo inicio de sesión y «Autorizar».
¿Funcionan los servicios, sus fichas y los trabajos?
¿Algo falla?
- No me ha pedido conectar GitHub
- Escríbele: «Conecta ahora el proyecto a mi cuenta de GitHub en un repositorio privado (apartado 08)». Te pedirá iniciar sesión y autorizar con un clic.
- Faltan precios o servicios
- La IA no inventa precios: los deja como «pendiente». Rellena 04-servicios/tarifas.txt y dile «actualiza los servicios con tarifas.txt».
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 6) y qué queda pendiente…
Ver el prompt completo
Un formulario para pedir cita o presupuesto y un panel /admin para cambiar servicios, precios y fotos y ver las reservas. Sin tocar código.
- Prompt 4 · Reservas y panel /admin
FASE 4 DE 6 · RESERVAS Y PANEL /ADMIN
Ver el prompt completo
¿Ves tu reserva en el panel y el precio nuevo en la web?
¿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».
- La IA dice que no puede probar PHP en mi ordenador
- Pídele: «Guíame para instalar PHP con una sola acción cada vez, o usa la alternativa más sencilla para probarlo». No hace falta saber programar.
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 6) y qué queda pendiente…
Ver el prompt completo
Preparada para aparecer en Google en tu zona, perfecta en cualquier móvil, rápida y revisada de arriba abajo.
- Prompt 5 · Google local y calidad
FASE 5 DE 6 · SEO LOCAL Y CALIDAD PROFESIONAL
Ver el prompt completo
La IA te dice qué cambiar; los cambios en la ficha los haces tú.
¿Se ve perfecta en el móvil y existe AUDIT-REPORT.md?
¿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 (apartado 09)».
- Me propone páginas de pueblos donde no trabajo
- Díselo: «Quita las zonas donde no trabajo: solo [tus zonas]». Las páginas de zonas sin servicio real perjudican en Google.
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 6) y qué queda pendiente…
Ver el prompt completo
Tu web ya está hecha. Solo falta que tus clientes la vean, 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 6 · Publicar en Hostinger
FASE 6 DE 6 · PUBLICAR CON DOMINIO PROPIO
Ver el prompt completo
¿Se ve tu web en tu dominio y llega la reserva?
¿Algo falla?
- ¿Qué plan de Hostinger elijo?
- El prompt 6 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 6) 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