Crea tu propio sitio web
Ship Your Site
Cualquiera logra que una IA le haga una página web. Casi nadie consigue una que se vea diseñada, o que llegue más allá de una ventana de chat. Este es el camino completo: define qué tiene que lograr el sitio, escribe primero los textos, ponle nombre a un estilo antes de construir, constrúyelo en Claude Code, claude.ai o Cowork, pásalo por el filtro de buen gusto que elimina las señales de IA y publícalo en un dominio que sea tuyo. Elige tu ruta (portafolio, negocio local, producto o servicios) y te quedas con las cuatro.
Lo que vas a poder hacer
Un sitio web terminado y en línea que no te dé vergüenza mandar: hecho en una tarde, en el Claude que ya usas.
Compra una vez. Copia cualquier prompt cuando lo necesites.
- Acceso inmediato
- Tuyo para siempre, sin suscripción
¿Armando un combo? Agrega más packs y ahorra hasta 15%.
Resultados reales
Cuatro sitios terminados, hechos con estos prompts
No son maquetas. Cada uno salió de los seis pasos de abajo: abre cualquiera en pantalla completa.
Un camino, no una pila de prompts
Seis pasos, en orden
Elige dónde lo vas a usar y qué vas a construir. Las cuatro rutas son tuyas y puedes cambiar cuando quieras: elegir una no te bloquea nada.
Dónde lo vas a usar
Qué vas a construir
Paso 01
Cambia según tu ruta
Define qué tiene que lograr tu portafolio
Úsalo primero, antes de dejar que Claude toque una sola línea de diseño. Diez minutos aquí son lo que te evita rehacer el sitio tres veces.
Ejemplo · Entrada
Soy motion designer, llevo 3 años, casi todo freelance. Quiero que los estudios me contraten para hacer secuencias de títulos.
Ejemplo · Resultado
Una oración que dice para quién es el sitio y la única acción que tiene que generar, las 4–6 secciones en orden, qué 3 trabajos van primero y qué dejas fuera a propósito.
Compra el pack para ver el prompt completo.Paso 02
Cambia según tu ruta
Escribe los textos primero
Pega el brief del paso 1. Hazlo ANTES de cualquier diseño: un diseño armado alrededor de textos reales encaja; los textos metidos a la fuerza en un diseño terminado nunca encajan.
Ejemplo · Entrada
El brief de una oración del paso 1, más notas sueltas sobre cada proyecto.
Ejemplo · Resultado
Cada línea de texto que necesita el sitio (titular, descripciones de proyectos, el párrafo sobre ti, la línea de contacto) escrita con el largo justo y lista para pegar.
Compra el pack para ver el prompt completo.Paso 03
Cambia según tu ruta
Ponle nombre al estilo antes de construir
El paso que todo el mundo se salta, y la razón por la que su sitio se ve generado. Úsalo con tus textos a la mano y guarda el resultado: es el brief que vas a pegar en cada paso de construcción.
Ejemplo · Entrada
Tus textos del paso 2, más dos o tres sitios cuyo estilo admiras.
Ejemplo · Resultado
Una dirección breve y por escrito (tipografías, una paleta de cinco colores con códigos hex, espaciado, cómo se enmarca el trabajo) más lo que queda prohibido explícitamente.
Compra el pack para ver el prompt completo.Paso 04
Cambia según dónde lo uses
Constrúyelo en Claude Code
Úsalo dentro de una carpeta vacía en Claude Code. Arma un proyecto real que es tuyo, con los archivos en tu computadora e historial de versiones desde el primer commit.
Ejemplo · Entrada
Tus textos del paso 2 y tu dirección de diseño del paso 3.
Ejemplo · Resultado
Un proyecto real en tu computadora (index.html, styles.css, un repositorio git con commits limpios) construido sección por sección y que puedes previsualizar en tu navegador.
Compra el pack para ver el prompt completo.Paso 05
Igual para todos
El filtro de buen gusto
Úsalo sobre el sitio ya construido, en el mismo chat o sesión. Este es el paso que separa tu sitio de cualquier otra página hecha con IA: no te lo saltes porque el sitio 'ya se ve bien'.
Ejemplo · Entrada
Tu sitio ya construido, más una captura de pantalla si tu Claude puede ver imágenes.
Ejemplo · Resultado
Una lista ordenada de lo que lo hace ver generado, cada punto con su arreglo concreto, y después los arreglos aplicados uno por uno para que puedas juzgar cada uno.
Compra el pack para ver el prompt completo.Paso 06
Cambia según dónde lo uses
Publícalo
Úsalo en Claude Code cuando el sitio esté listo. Hace la revisión previa, lo sube a un hosting real con deploys automáticos y luego conecta tu dominio.
Ejemplo · Entrada
Tu proyecto terminado, y si ya tienes un dominio o no.
Ejemplo · Resultado
El sitio en línea en un hosting real, que se despliega solo con cada push, con los registros del dominio explicados uno por uno y la revisión previa documentada.
Compra el pack para ver el prompt completo.