Paso a paso
🎓 Hugging Face
Hugging Face
📘 Paso a paso 📘 Hugging Face↗ Hugging Face · Sitio oficialprincipiante 🏠 Día a día

Crea tu propio chatbot-compañero de estudio en 15 minutos con Hugging Face Spaces (sin programar)

Monta tu tutor con IA, que te pregunta, te explica y se adapta a tu ritmo, sin escribir una sola línea de código.

Esta guía fue escrita por IA. Pasó controles automáticos de datos y calidad; ningún editor humano la revisó.

Imagina tener un tutor con IA paciente, que no se cansa nunca, recuerda lo que ya has aprendido y te hace preguntas justo antes de que se te olvide. Con Hugging Face Spaces puedes montar ese tutor en menos de 15 minutos, sin programar nada. Perfecto para estudiantes, curiosos eternos o cualquiera que quiera recordar más con menos esfuerzo.

💡 Consejo: toca el número de un paso cuando lo termines — aparece una marca verde y tu navegador recuerda hasta dónde llegaste.

✅ Antes de empezar
  • Una cuenta gratuita de Hugging Face (regístrate en huggingface.co)
  • Un ordenador o móvil con conexión a internet
  • 15 minutos tranquilos (te guiamos paso a paso)
  • No hace falta experiencia previa programando

⚠️ Esta guía usa la versión gratuita de Hugging Face. Algunas funciones avanzadas pueden requerir un plan de pago, pero los pasos básicos funcionan gratis.


1
Paso 1 de 7

Entra en Hugging Face y abre Spaces

Ve a huggingface.co y pulsa Sign Up arriba a la derecha si todavía no tienes cuenta. Después de iniciar sesión, haz clic en Spaces en el menú superior (está junto a "Models" y "Datasets"). Aquí es donde crearás tu compañero de estudio.

Verás una lista de Spaces públicos creados por otras personas. Busca un botón azul que dice "New Space" arriba a la derecha y púlsalo.

💬 Ejemplo> Puedes copiar esto en tu navegador:

https://huggingface.co/spaces


✅ Sabrás que funcionó cuando

veas una página con un formulario que te pide el nombre de tu Space y la licencia.

Siguiente paso ↓
Hugging FaceSign Up
✏️ Boceto: tu pantalla puede verse un poco distinta
2
Paso 2 de 7

Pon nombre a tu Space y elige los ajustes

En la página "Create new Space", rellena estos datos:

  • Space name: Escribe algo como mi-companero-de-estudio (solo letras minúsculas y guiones).
  • Visibility: Déjalo en Public para poder compartirlo con amigos o volver a él más tarde.
  • Hardware: Elige CPU — es gratis y suficientemente rápido para un chatbot.
  • SDK: Selecciona Gradio (es la opción más amigable para empezar y va genial con chatbots).

Pulsa Create Space.

💬 Ejemplo> Nombre del Space: `mi-companero-de-estudio`

Visibilidad: Public Hardware: CPU SDK: Gradio


✅ Sabrás que funcionó cuando

llegues a una página titulada "Your Space is being created…" con una barra de progreso.

Siguiente paso ↓
Hugging FaceCPU
✏️ Boceto: tu pantalla puede verse un poco distinta
3
Paso 3 de 7

Espera a que tu Space termine de construirse

Tu Space se está preparando en la nube. Esto suele tardar 1–2 minutos. Verás un icono girando y un mensaje tipo "Your Space is being created…"

Mientras esperas, piensa en qué quieres que te ayude tu compañero de estudio: por ejemplo, términos de biología, fórmulas de mates o vocabulario de idiomas.

⚠️ Si la build falla, refresca la página. Si sigue fallando, comprueba que el nombre de tu Space solo tenga minúsculas y guiones.


✅ Sabrás que funcionó cuando

el icono girando desaparezca y aparezca un banner verde que dice "Your Space is ready!"

Siguiente paso ↓
Espera a que tu Space termine de construirse
4
Paso 4 de 7

Abre el editor del Space

Cuando tu Space esté listo, verás una página con pestañas como Files, Settings y App. Haz clic en la pestaña Files.

Verás un archivo llamado app.py. Haz clic en él para abrir el editor.

💬 Ejemplo> Verás una sola línea:

def main():


✅ Sabrás que funcionó cuando

veas un editor de código sencillo con unas pocas líneas de código inicial.

Siguiente paso ↓
Hugging FaceFiles
✏️ Boceto: tu pantalla puede verse un poco distinta
5
Paso 5 de 7

Sustituye el código inicial por una plantilla de compañero de estudio

Borra todo el contenido del editor y pega exactamente este código:

import gradio as gr

def respond(message, history):
 # Simple study-buddy response
 if "define" in message.lower():
 return "A **study buddy** is an AI assistant designed to help you learn and remember information through conversation, quizzes, and explanations. Think of it like a patient tutor who never gets tired!"
 elif "quiz me" in message.lower():
 return "Quick quiz: What is the capital of the US? (Type your answer)"
 elif "bye" in message.lower():
 return "Good luck with your studies! Remember: spaced repetition is key to long-term memory."
 else:
 return "I'm here to help you study! Try asking: 'Define study buddy' or 'Quiz me'."

demo = gr.ChatInterface(
 respond,
 title="📚 My Study Buddy",
 description="Ask me to define terms, quiz you, or explain concepts — I'll adapt to your learning pace.",
 theme="soft"
)

demo.launch()

Pulsa Commit changes to main (un botón verde en la parte inferior).

💬 Ejemplo> Puedes copiar el código de arriba y pegarlo directamente en el editor.

✅ Sabrás que funcionó cuando

la página se refresque y veas tu interfaz de chat aparecer debajo del editor.

Siguiente paso ↓
Hugging FaceCommit changes…
✏️ Boceto: tu pantalla puede verse un poco distinta
6
Paso 6 de 7

Prueba tu compañero de estudio en el chat

En el panel de chat que acaba de aparecer, escribe:

Define study buddy

Deberías ver cómo la IA te explica qué es un compañero de estudio.

Luego prueba con:

Quiz me

La IA te hará una pregunta. Escribe tu respuesta y pulsa Enter.

💬 Ejemplo> Escribe: "Define study buddy"

Respuesta esperada: "A study buddy is an AI assistant designed to help you learn..."

⚠️ Si el chat no responde, refresca la página. Si sigue sin funcionar, comprueba que pegaste el código exactamente como se muestra.


✅ Sabrás que funcionó cuando

el chat responda con naturalidad a tus mensajes y mantenga la conversación.

Siguiente paso ↓
Prueba tu compañero de estudio en el chat
7
Paso 7 de 7

Personaliza tu compañero de estudio (opcional)

¿Quieres enseñarle un tema concreto? Sustituye la función respond por tus propias reglas. Por ejemplo, para enseñarle sobre la fotosíntesis:

def respond(message, history):
 if "photosynthesis" in message.lower():
 return "Photosynthesis is the process by which green plants use sunlight to make food from carbon dioxide and water. In simple terms: plants breathe in CO₂, drink water, and use sunlight to make sugar and oxygen!"
 elif "quiz me" in message.lower():
 return "Quick quiz: What gas do plants release during photosynthesis? (Type your answer)"
 else:
 return "Ask me about photosynthesis or type 'quiz me' to test your knowledge!"

Vuelve a pulsar Commit changes to main.

💬 Ejemplo> Sustituye toda la función `respond` por el código de arriba.

⚠️ Esta función es apta para principiantes, pero tendrás que escribir reglas sencillas. Si no te sientes cómodo editando código, quédate con la versión original.


✅ Sabrás que funcionó cuando

el chat ahora responda a preguntas sobre la fotosíntesis.

Personaliza tu compañero de estudio (opcional)
⚠️ Errores frecuentes
  • Error: Escribir el nombre del Space con mayúsculas o espacios. Solución: Usa solo letras minúsculas y guiones, como mi-companero-de-estudio.

  • Error: Elegir hardware GPU en vez de CPU. Solución: La CPU es gratis y suficientemente rápida para un chatbot. La GPU es para usuarios avanzados.

  • Error: No esperar a que el Space termine de construirse. Solución: Espera hasta ver el banner verde "Your Space is ready!" antes de continuar.


Prueba ahora

Abre tu nuevo chatbot-compañero de estudio en: https://huggingface.co/spaces/[tu-usuario]/my-study-buddy

Sustituye [tu-usuario] por tu nombre de usuario real en Hugging Face. Pídele que te defina un término o que te haga preguntas y observa cómo se adapta a tu forma de aprender.

🎯 Siguiente guíaPrueba el generador de texto con IA gratuito de Hugging Face directamente en tu navegadorInicia un modelo de IA real en Hugging Face y crea descripciones de productos, pies de foto o comienzos de historias sin necesidad de programar ni de crear una cuenta.

❓ Preguntas rápidas

¿Cuánto tiempo lleva?

Unos 6 minutos — la guía tiene 7 pasos y puedes ir marcándolos a medida que avanzas.

¿Qué herramienta necesito?

Esta guía usa Hugging Face — pero el método funciona de forma muy parecida en otros asistentes de IA.

¿Necesito preparar algo?
  • Una cuenta gratuita de Hugging Face (regístrate en huggingface.co)
  • Un ordenador o móvil con conexión a internet
  • 15 minutos tranquilos (te guiamos paso a paso)
  • No hace falta experiencia previa programando

⚠️ Esta guía usa la versión gratuita de Hugging Face. Algunas funciones avanzadas pueden requerir un plan de pago, pero los pasos básicos funcionan gratis.


¿Qué errores debo evitar?
  • Error: Escribir el nombre del Space con mayúsculas o espacios. Solución: Usa solo letras minúsculas y guiones, como mi-companero-de-estudio.

  • Error: Elegir hardware GPU en vez de CPU. Solución: La CPU es gratis y suficientemente rápida para un chatbot. La GPU es para usuarios avanzados.

  • Error: No esperar a que el Space termine de construirse. Solución: Espera hasta ver el banner verde "Your Space is ready!" antes de continuar.


Sigue leyendo

¿Te ha resultado útil?

✦ Generada por IA en la redacción automática de AI World HQ, en lenguaje claro. Pasó controles automáticos de datos y calidad; ningún editor humano revisó esta guía. ¿Ves un error? Usa los botones de arriba.

📘 ¿Lo prefieres en un solo archivo? Primeros pasos con la IA: el pack para principiantes (12 guías, PDF gratuito e imprimible)

← Volver a las noticias