Capítulo 1Preparar la computadora: GitHub, Obsidian y ChatGPT

Capítulo 1 · Preparación

Preparar la computadora: GitHub, Obsidian y ChatGPT

4 min · 783 palabras

Antes de escribir una sola palabra en ChatGPT hacen falta tres cosas instaladas y una carpeta vacía. Son quince minutos, y después no se vuelve a tocar nada de esto.

Las cuatro herramientas y para qué sirve cada una ChatGPTLa app de escritorio.Ejecuta la skill,construye, revisa.Vos: le escribísGitHubGuarda cada versión delcódigo y publica.Vos: creás la cuenta yaprobásObsidianLa memoria delproyecto: todo quedaescrito y conectado.Vos: casi nada (editartextos al final)VercelEl hosting gratis.Publica lo que entra enmain.Vos: importás el repouna vezLa carpeta del proyecto (el repositorio)
Figura 4. Vos sólo instalás y creás cuentas. ChatGPT usa GitHub y Obsidian por vos.

Una cuenta de GitHub

GitHub es la plataforma donde los programadores guardamos el código. Guarda cada versión de lo que vamos haciendo: si algo sale mal, se puede volver atrás. Y en este proyecto va a servir para algo más: para publicar el sitio en internet.

Vos no vas a usar GitHub. Lo va a usar ChatGPT por vos. Lo único que tenés que hacer es crear la cuenta y darle acceso.

  1. Entrá a github.com y creá una cuenta.
  2. Descargá la aplicación GitHub Desktop (hay para Mac y para Windows) e instalala.
  3. Abrila y autorizá tu cuenta cuando te lo pida. En la pantalla de configuración dejá todo como viene: toma por defecto los datos de tu cuenta, y es lo que necesitamos.

Obsidian

Obsidian también es gratis y también está para Mac y Windows. Lo descargás de obsidian.md y lo instalás. No hace falta abrirlo ahora; sí hace falta que esté instalado, porque la skill va a escribir en él y más adelante vos lo vas a abrir para leer la documentación y para cambiar los textos del sitio.

ChatGPT, la aplicación de escritorio

Esto es importante: no el navegador, la aplicación. Y la última versión, siempre. Fijate que esté actualizada antes de empezar.

En la aplicación hay una sección de proyectos. Para que te deje abrir un proyecto tiene que estar en modo Work (trabajo). Si no ves la opción, cambiá a ese modo.

Sobre el modelo: en el video uso el modelo más potente en modo alto («high»). Da mejores resultados. En medio («medium») también funciona, pero en el momento de diseñar te recomiendo subirlo a alto, porque la diferencia se nota.

La carpeta del proyecto

Acá se junta todo. Abrí GitHub Desktop y creá un repositorio nuevo:

  1. Arriba, File → New Repository.
  2. Ponele un nombre. Yo le puse New Website. La carpeta por defecto es Documents/GitHub; dejala ahí.
  3. Creá el repositorio y publicalo. Fijate que diga «mantener privado»: tu código no tiene por qué ser público.

Si GitHub Desktop te pide permisos del sistema al publicar, dáselos. Es la primera vez que la aplicación hace algo y el sistema operativo quiere que lo autorices.

Ahora abrí ChatGPT, andá a proyectos, y abrí esa carpeta: New Website. Está vacía. Así tiene que estar. Ponele un nombre al proyecto para que ChatGPT sepa de qué se trata, y cuando te pregunte si confiás en la carpeta, decile que sí.

Descargar e instalar la skill

La skill vive en un repositorio público de GitHub. Hay dos formas de dársela a ChatGPT y las dos funcionan.

La más simple es pasarle el enlace. En el proyecto que acabás de abrir, escribí:

Instalá esta skill: https://github.com/themariscalproject/themariscal-create-amazing-website-skill

Eso solo. ChatGPT va a leer el repositorio, va a pensar un rato, y la va a instalar.

La otra forma es descargar el repositorio como ZIP, descomprimirlo en Descargas, y arrastrar la carpeta a ChatGPT con el mismo mensaje: «instalá esta skill». Es lo que hago en el video.

Cuando termine, la skill queda disponible para todos tus proyectos. Para ejecutarla, en cualquier momento, escribís una barra (/) y te aparece la lista de skills. Buscás «mariscal» y ahí está: themariscal-create-amazing-website.

Los permisos que te va a pedir

En el primer paso real, cuando la skill intente mandar cosas a GitHub, van a pasar dos cosas que asustan un poco y no deberían.

Primero, ChatGPT va a decir que no puede publicar en GitHub y que necesita una autorización. Dásela, y dásela para siempre. Es para que pueda mandar el código a tu repositorio, que es lo que te permite llevar el control de todo lo que se va haciendo.

Segundo, en Mac el sistema te va a pedir que habilites dos cosas en Privacidad y seguridad: Accesibilidad y Grabación de pantalla. Arrastrás la aplicación a la lista, ponés tu contraseña de administrador, y listo. ¿Para qué quiere grabar la pantalla? Para sacar capturas. ChatGPT va a sacar capturas de lo que va construyendo para revisar que se vea bien, sobre todo en el celular. Es una de las cosas que hace que el resultado sea bueno.

Esto pasa una sola vez. Después no te lo vuelve a pedir.

Con eso, la computadora está lista. Lo que sigue es contarle la idea.