Primeros pasos
Tu primera página de clase, en línea y desde cero.
Antes de empezar
- Descarga la app de Claude en claude.com/download — la de escritorio, para tu computadora. Es una sola app y el agente ya viene adentro: no hay que instalar nada más.
- Tiene una suscripción mensual, unos 20 dólares. Cada quien la suya. El plan gratuito no incluye al agente.
- Ve pensando el nombre de tu sitio: ese mismo va a ser el nombre de tu carpeta, tu usuaria de GitHub y tu dirección. Sólo letras y números —sin acentos, sin espacios y sin guion bajo, que GitHub no lo acepta—. En esta guía el ejemplo es profelety.
La carpeta en el escritorio
Crea una carpeta en tu escritorio y ponle el nombre que pensaste para tu sitio — en el ejemplo, profelety. Ahí van a vivir todos los archivos de tu página. Eso es tu proyecto.
Ahora abre la app de Claude en tu computadora y entra a la pestaña Code: ésa es la que trabaja con tus archivos. Te va a pedir que escojas una carpeta — escoge la que acabas de crear.
Es lo más importante de este paso: el agente sólo ve la carpeta que le señalaste. Si le das otra, va a escribir en otra.
Cada vez que quieras trabajar en tu página, el movimiento es el mismo: abrir la app en esa carpeta. Siempre esa.
La primera vez, tu computadora va a preguntarte si le das permiso al agente para ver tus archivos. Hay que decirle que sí — sin ese permiso no puede escribir nada y todo lo demás se queda parado.
El contexto
Antes de pedirle nada, hay que decirle quién eres y qué estás haciendo. Eso es el contexto, y vive en un archivo que se llama CLAUDE.md. Se lo dictas con tus palabras y él lo guarda ahí.
Este es el ejemplo. Lo que va en rosa lo cambias por lo tuyo; lo que va en turquesa no se escribe, es para que lo pienses. Lo demás se dicta tal cual:
Quién soy
Quién eres y qué das.
Soy Lety, profesora de matemáticas a nivel bachillerato. No soy técnica: nunca he hecho una página web ni sé programar.
Qué es esto
Para qué es el sitio y qué quieres que encuentren tus alumnos.
Es mi sitio de clase. Quiero que mis alumnos lo abran desde su celular y encuentren el tema que estamos viendo.
Cómo está armada la carpeta
Qué hay en tu carpeta y para qué sirve cada cosa. El primer día está vacía y se llena sola.
Por ahora está vacía. Conforme vayamos creando archivos, anota aquí qué es cada uno y para qué sirve, para que la próxima vez que abramos ya sepas dónde está todo.
Cómo quiero que me hables
Cómo quieres que el agente se dirija a ti y trabaje contigo. ¿Corto o con detalle? ¿Te pregunta antes de hacer algo, o lo hace y luego te cuenta? ¿Te avisa cuando algo no se puede? Éste es el único bloque sin ejemplo: es a propósito, para que lo escribas con tus palabras.
Qué no hacer
Los límites: lo que no quieres que haga nunca.
No inventes contenido para rellenar: si algo todavía no existe, márcalo como pendiente y dímelo. No borres nada sin preguntarme. No cambies páginas que ya di por buenas. No pongas nombres de mis alumnos en ningún lado.
Cuando termines de dictárselo, dile esto:
«Guarda esto en un archivo que se llame CLAUDE.md, en mi carpeta, y léelo cada vez que empecemos a trabajar aquí.»
Se escribe así, con mayúsculas y con “a”: CLAUDE.md. Es el único archivo de toda la guía que te conviene conocer por su nombre. Vive en tu carpeta, es texto normal, y lo puedes abrir y editar tú cuando quieras. El agente lo lee solo al empezar cada sesión.
Tu página
Ahora sí, pídele tu página. Con tus palabras, como se lo dirías a alguien:
«Hazme una página con el tema de [fracciones]: una explicación corta, tres ejemplos resueltos y cinco ejercicios con sus respuestas. Que se vea bien en celular.»
Y si ya tienes material hecho —tus apuntes, una lista de ejercicios, el examen del semestre pasado, fotos de lo que escribiste en el pizarrón— no empieces de cero: mete esos archivos en tu carpeta y dile que se base en ellos. Los lee y arma la página con tu contenido, no con contenido inventado.
El agente escribe la página —un archivo HTML, que es el idioma en el que están hechas todas las páginas web— y te dice cómo verla. Ábrela y léela como si fueras tu alumno. Lo que no te guste, se lo dices igual de simple: «esto no se entiende», «los ejercicios están muy fáciles», «la letra está chica», «quítale ese color». Lo corrige las veces que haga falta y no se cansa.
Quédate en este paso hasta que la página te guste de verdad. Es la parte divertida y es donde más se aprende a hablarle.
Ya tienes tu página — pero vive nada más en tu computadora. Nadie más puede verla todavía. Eso es lo que arreglan los dos pasos que siguen.
La cuenta de GitHub
GitHub es el lugar donde va a vivir tu página para que el mundo la vea. Es gratis.
Crea tu cuenta con el nombre que ya pensaste. Ese nombre de usuaria es tu dirección: si te registras como profelety, tu página va a vivir en profelety.github.io — con punto io, no punto com.
El repositorio
Un repositorio es la copia de tu carpeta que vive dentro de GitHub. Esa copia es la que el mundo ve.
Lo que haces tú
En GitHub, crea un repositorio nuevo. Sólo dos cosas importan: que se llame exactamente igual que tu dirección —o sea profelety.github.io, con el punto io incluido— y que sea público.
Lo que le pides al agente
«Conecta mi carpeta con mi repositorio profelety.github.io y publica lo que hay dentro. Avísame cuando ya se pueda abrir.»
En algún momento el agente te va a pedir que autorices GitHub desde el navegador. Es el único paso que no puede hacer solo: necesita que tú digas que sí. Puede que también te pida instalar algo que le falta a tu computadora; acéptalo.
Ya está
Abre tu dirección desde el celular. Si ahí está tu tema, terminaste.
De aquí en adelante el movimiento siempre es el mismo: abres la app en tu carpeta, le dices qué quieres cambiar, y le pides que lo publique. Nada más que eso.
Lety · lety2e.com