Saltar al contenido
La bóveda
  • 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.

  • Claude Code

    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.

  1. 1Abre Claude Code, en la app de escritorio o en la terminal, y empieza una conversación nueva.
  2. 2Copia el prompt de abajo y pégalo tal cual. No tienes que cambiarle nada.
  3. 3Responde lo que te pregunte. Al final recibes la carpeta de la página, el DESIGN.md y un resumen de entrega.
Prompt de instalación
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.

  1. 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

  2. 2paso

    Propone 3 conceptos de territorios distintos y los puntúa en originalidad y encaje.

    Recibes · El concepto elegido en una frase

  3. 3paso

    Define la dirección de arte: máximo 4 colores, dos fuentes y un solo momento de movimiento.

    Recibes · DESIGN.md completo

  4. 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

  5. 5paso

    Corre la auditoría. Si hay fallos graves, los corrige antes de seguir.

    Recibes · Informe de 15 comprobaciones

  6. 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

  7. 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 < >.

Prompt por negocio
/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 queden
  • La página se ve genérica

    PídeleDescarta este concepto y vuelve al paso 2 con otro territorio
  • Quedaron muchos [POR CONFIRMAR]

    PídeleHazme la lista de datos que me faltan y cómo conseguirlos
  • Claude 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.

Por aquí te aviso cuando suba un recurso nuevo.

¿Qué buscas? (opcional)

Entras de una. Y no te lleno el correo de basura.