CLAUDE_CODE — 8 MOVIMIENTOS
EST. 10 MIN NIVEL · OPEN
— Una guía interactiva

Construye tu sitio web en 10 minutos.

Sin escribir una sola línea de código. Sin saber programar. Sin pagar a un diseñador. Solo tú, una idea clara y ocho movimientos que cualquiera puede hacer.
Briefing Plan Build Launch Briefing Plan Build Launch
// movimiento01
FASE — INICIAR

Abre Claude Code y respira.

El primer movimiento es el más simple: crea un proyecto nuevo. Es como abrir un cuaderno en blanco antes de empezar a dibujar. No tienes que decidir nada todavía — solo crear el espacio donde va a vivir tu sitio.

Abre la app de Claude Code
+Click en "Nuevo Proyecto"
Listo. Pasa al movimiento 02.
CHECKPOINT 01
~ 30 SEG
claude · new
+
mi-primer-sitio
proyecto creado
// movimiento02
FASE — APUNTAR

Decide qué hace tu sitio. No cómo se ve.

Este es el movimiento más importante de los 8. Si fallas aquí, todo lo demás falla. Antes de pensar en colores, animaciones o tipografías — define una sola cosa que tu sitio tiene que lograr.

ARecolectar correos electrónicos
BReservar llamadas o citas
CVender un producto
DMostrar tu portfolio
UN OBJETIVO ÚNICO
🎯
// movimiento03
FASE — TRADUCIR

Escribe tu briefing con esta fórmula.

Cuanto más específico seas, más mágico será el resultado. Copia esta fórmula, rellena los corchetes con TU info, y mándasela a Claude. Funciona el 99% de las veces:

1Necesito un sitio para [tu negocio]
2El objetivo es [resultado específico]
3Inspírate en [ref 1] y [ref 2]
4Incluye [3-5 características]
5El público es [quién]
6La CTA principal es [acción]
DOC.001
// movimiento04
FASE — INSPIRAR

Pásale 5 a 10 sitios que te encanten.

Una imagen vale más que mil palabras. Un sitio web entero vale más que un millón. Busca en Google webs que te vuelen la cabeza visualmente o que hagan algo parecido a lo que quieres — y pega los enlaces.

stripe.com — para estructura
linear.app — para estética
vercel.com — para tipografía
framer.com — para animaciones
apple.com — para jerarquía
5 — 10 REFS
A
/ ESTÉTICA
B
C
D
// movimiento05
FASE — ARQUITECTURA

Claude diseña el mapa antes de construir.

Tu trabajo aquí es solo leer. Claude te muestra qué páginas tendrá tu sitio, qué secciones, qué botones, qué lógica conecta cada cosa. Es como ver los planos antes de construir la casa — si algo no te gusta, lo cambias en papel.

Estructura de páginas
Secciones y componentes
Flujo de usuario
Paleta de colores y tipografía
PLAN.MAP
// movimiento06
FASE — APROBAR

Aquí te conviertes en jefe.

Antes de aprobar el plan, marca cada checkpoint. Estos 5 minutos de revisión te ahorran 2 horas de cambios después. Toca cada item para marcarlo.

REVISIÓN
¿Coincide con el briefing?
¿Están todas las características?
¿El diseño matchea las refs?
¿Páginas y secciones correctas?
// movimiento07
FASE — MAGIA

Claude construye. Tú descansas.

Aquí no haces nada. Claude escribe cada línea de código, configura el alojamiento, optimiza imágenes, despliega todo. Tarda entre 10 y 20 minutos — buen momento para un snack.

Genera HTML, CSS y JavaScript
Configura el hosting automáticamente
Optimiza para velocidad y SEO
Despliega a un dominio en vivo
BUILDING.LIVE
[01] Generando HTML...
[02] Compilando CSS...
[03] Optimizando assets...
247 archivos · 12 min restantes
87%
// movimiento08
FASE — VIDA

Tu sitio está en vivo. Listo.

Claude te entrega el enlace. Cualquier persona del mundo puede verlo. Lo compartes en WhatsApp, en TikTok, en tu bio de Insta. Acabas de crear un sitio profesional sin escribir una sola línea de código.

🔗URL pública lista para compartir
📱Funciona en móvil y desktop
🚀HTTPS y velocidad óptimos
DEPLOYED
🚀
https://tu-sitio.app
"
CHEAT CODE — EL SECRETO

Cuanto más específico tu briefing, más mágico el resultado.

Si solo recuerdas una cosa de toda esta guía: el Paso 2 (definir objetivo) y el Paso 3 (briefing) valen el 80% del resultado final. Si eres vago, recibirás algo vago. Si eres específico, recibirás magia.

Éxito
=
Claridad
— prueba final

¿Estás listo para construir?

Cargando…
— misión completada

Ya sabes todo
lo que necesitas.

Ahora vas a abrir Claude Code, vas a aplicar los 8 movimientos, y vas a tener tu primer sitio web profesional en menos de 30 minutos. Bienvenido al lado bueno de la fuerza.

▣ OPEN ▣ AIM ▣ BRIEF ▣ REFS ▣ PLAN ▣ REVIEW ▣ BUILD ▣ LAUNCH
✓ COPIADO
— Una guía interactiva · CLAUDE_CODE_SCHOOL