- Gratis
- Herramienta · Claude Code
- Principiante
La web de tu negocio, sin cara de plantilla
Le pides la web en una línea y Claude Code te entrega una página con concepto propio, botón de WhatsApp y una auditoría pasada. Lo instalas pegando un prompt y respondiendo unas preguntas. No tienes que programar nada.
01 · Para qué sirve
Una web que solo es tuya
Seguro la has visto: tarjetas iguales, degradado morado y un «contáctanos» perdido al fondo. Así sale casi toda web hecha con IA, y le sirve a cualquier negocio, que es lo mismo que no servirle a ninguno. Esta herramienta arranca de tu negocio real. Te queda esto:
Un concepto propio
Tres ideas de territorios distintos (el nombre, el oficio, el lugar, el cliente, el proceso), puntuadas, y una elegida con su momento firma.
La página lista
Un index.html y un estilos.css, sin build. Se publica en cualquier hosting y trae el botón de WhatsApp arriba y abajo.
Una auditoría automática
15 comprobaciones antes de entregar: idioma, un solo título principal, textos alternativos, frases de plantilla, degradado morado y más.
La lista de pendientes
Lo que no sabe lo marca [POR CONFIRMAR] y te lo entrega en una lista. Nunca inventa reseñas, cifras ni premios.
02 · Antes de empezar
Lo que debes tener a mano
No hay que conectar nada ni crear cuentas. Si a tu computador le falta algo, Claude te dice cómo instalarlo y espera tu OK.
- Para qué ·
- Corre la herramienta
- Costo ·
- Tu plan de Claude
Python 3.9 o más reciente
- Para qué ·
- Corre la auditoría
- Costo ·
- Gratis. Claude lo instala si falta
Un navegador (Chrome, Edge o Firefox)
- Para qué ·
- La revisión visual en celular y computador
- Costo ·
- Gratis
Hosting, para después
- Para qué ·
- Publicar la página
- Costo ·
- Netlify Drop y Vercel tienen plan gratis
03 · Instálalo
Pega un prompt y responde
Un solo prompt instala todo. Antes de instalar algo en tu computador, Claude te pide permiso.
- 1Abre Claude Code, en la app de escritorio o en la terminal, y empieza una conversación nueva.
- 2Copia el prompt de abajo y pégalo tal cual. No tienes que cambiarle nada.
- 3Responde lo que te pregunte. Al final recibes la carpeta de la página, el DESIGN.md y un resumen de entrega.
Quiero usar "Web Premium del Master" para crear la página web de un negocio con concepto propio, botón de WhatsApp y una auditoría automática antes de entregarla:
https://github.com/La-Boveda-del-Master/master-web
Hazlo todo tú, paso a paso, y pregúntame solo lo necesario. Háblame en español y en palabras simples.
1. INSTALA
- Si la carpeta actual no es el proyecto, clónalo en una carpeta "master-web" (dentro de Documentos si estás en mi carpeta de inicio) y trabaja desde ahí. Si ya existe, actualízalo con git pull.
- Si puedes cambiar tu carpeta de trabajo a esa carpeta, hazlo. Si no, sigue igual: lee las skills desde la carpeta clonada (.claude/skills/*/SKILL.md) y síguelas al pie de la letra.
2. REVISA MI COMPUTADOR (pídeme permiso antes de instalar algo)
- git y Python 3.9 o más reciente. Si falta alguno, dime el comando de instalación para mi sistema y espera mi OK.
- Un navegador (Chrome, Edge o Firefox) para la revisión visual. Si no puedes abrirlo, dímelo en la entrega: "no revisé visualmente".
- Conectores de Claude: ninguno.
- Llaves o cuentas: ninguna. Para publicar la página después, dime las opciones gratis (Netlify Drop, Vercel) sin publicar nada tú.
3. PREGÚNTAME EN UN SOLO MENSAJE
- ¿Cómo se llama el negocio, en qué ciudad está y a qué se dedica?
- ¿Cuál es el número de WhatsApp para recibir los mensajes? (con código de país, sin signos)
- ¿Qué datos reales tengo? (servicios, precios, horarios, fotos, dirección) y cuáles no.
- ¿Qué quiero que haga el visitante? (por defecto: escribir por WhatsApp)
Lo que no sepa, no lo inventes: márcalo [POR CONFIRMAR] y sale en la lista final.
4. CONSTRUYE LA WEB
- Corre la skill master-web con mis datos, en sus 7 pasos: brief, 3 conceptos de territorios distintos puntuados, dirección de arte en DESIGN.md, página estática (index.html y estilos.css), auditoría, revisión visual a 375 px y 1280 px, y entrega.
- Corre la auditoría: python3 .claude/skills/master-web/scripts/audita_web.py <carpeta de la página> (en Windows el comando es python). No me entregues nada con fallos graves.
- Nunca inventes reseñas, cifras, premios, precios ni fotos de clientes.
- No publiques la página ni la envíes a nadie sin mi OK.
5. CIERRA
- Resume en 8 líneas máximo: el concepto, el momento firma, la lista de [POR CONFIRMAR], el resultado de la auditoría y cómo publicarla. No prometas premios, posición en Google ni ventas.04 · Ten esto listo
Lo que Claude te va a preguntar
Te lo pregunta todo en un solo mensaje. Lo que no sepas, no lo inventa: lo marca [POR CONFIRMAR] y te lo deja en la lista final.
- El negocioCómo se llama, en qué ciudad está y a qué se dedica.
- Tu WhatsAppEl número que recibe los mensajes, con código de país y sin signos.
- Los datos realesServicios, precios, horarios, fotos y dirección que sí tienes, y los que no.
- Qué debe hacer el visitanteSi no dices nada, asume que escribirte por WhatsApp.
05 · Cómo funciona
Siete pasos, en orden
Claude no te hace un cuestionario: escribe sus supuestos y avanza. Estos son los pasos que sigue.
- 1paso
Escribe el brief en 5 líneas: quién es el negocio, a quién le vende y qué datos tiene.
Recibes · Brief en DESIGN.md
- 2paso
Propone 3 conceptos de territorios distintos y los puntúa en originalidad y encaje.
Recibes · El concepto elegido en una frase
- 3paso
Define la dirección de arte: máximo 4 colores, dos fuentes y un solo momento de movimiento.
Recibes · DESIGN.md completo
- 4paso
Construye la página en HTML semántico, con el botón de WhatsApp visible arriba y al final.
Recibes · index.html y estilos.css
- 5paso
Corre la auditoría. Si hay fallos graves, los corrige antes de seguir.
Recibes · Informe de 15 comprobaciones
- 6paso
Revisa la página en el navegador a 375 px y a 1280 px, corrige y repite la auditoría.
Recibes · La versión revisada
- 7paso
Te entrega el resumen.
Recibes · Concepto, pendientes, auditoría y cómo publicar
Para publicarla, Claude te dice las opciones gratis (Netlify Drop o Vercel), pero no publica nada por ti.
06 · Reglas de oro
Lo que la herramienta no hace
Si puedes cambiar el nombre del negocio por el de la competencia y la página sigue funcionando, esa página es genérica. Se descarta y se busca otro concepto.
- No inventa reseñas, cifras, premios, precios ni fotos de clientes. Lo que falta sale como [POR CONFIRMAR].
- No publica la página ni se la envía a nadie sin tu OK.
- No te entrega una página con fallos graves en la auditoría.
- No promete premios, posición en Google ni ventas. Sube el piso de calidad, no garantiza resultados.
- La auditoría mide señales objetivas. El criterio de diseño lo pones tú con los ojos.
07 · Tu siguiente web
La segunda vez es más corta
La herramienta ya queda instalada. Para otro negocio, en la misma carpeta, pega solo esto y llena los datos entre < >.
/master-web
Hazme la web de <negocio> en <ciudad>. Mi WhatsApp es <número>.
Datos reales que tengo: <...>08 · Cuando algo no sale
Si algo falla, pídele esto
Lo que ves y lo que le escribes a Claude para arreglarlo.
La auditoría sale con fallos graves
PídeleCorrige los fallos graves de la auditoría y vuelve a correrla hasta que no quedenLa página se ve genérica
PídeleDescarta este concepto y vuelve al paso 2 con otro territorioQuedaron muchos [POR CONFIRMAR]
PídeleHazme la lista de datos que me faltan y cómo conseguirlosClaude se detiene pidiendo permiso
Apruébalo. Es normal la primera vez.
09 · Preguntas frecuentes
Lo que más me preguntan
¿Me garantiza premios o salir primero en Google?
No. Sube el piso de calidad de la página, pero no promete resultados.
¿Y si necesito tienda o que la gente inicie sesión?
Primero te entrega la página estática y después te propone otro stack para lo demás.
¿Se la puedo hacer a un negocio de mi barrio?
Sí, con los datos reales del negocio y su aprobación antes de publicarla.
¿Cómo sé si una página es genérica?
Es la regla de la herramienta: si cambias el nombre del negocio por el de la competencia y la página sigue funcionando, es genérica. Se descarta y se busca otro concepto.
Código abierto
Úsalo, cámbialo y compártelo
Hecho con Claude Code por El Master IA · Alexander Cast. Licencia MIT.
Ver el repo en GitHub (se abre en otra pestaña)¿Quieres la próxima herramienta?
Déjame tus datos y te aviso por WhatsApp cuando suba otra a la bóveda. La guía de arriba ya es tuya, con o sin registro.
