Elige Tu Proyecto

¡Ahora viene la parte divertida: decidir qué construir!

Durante este taller, puedes elegir entre tres ideas de proyectos, o traer la tuya propia:

Proyecto	Descripción
Portafolio Personal	Un hermoso sitio web de una página que muestra quién eres
Quiz Interactivo	Un juego divertido que pone a prueba conocimientos y muestra resultados
Rastreador de Hábitos	Una aplicación sencilla para registrar hábitos diarios y ver tu progreso
Tu Propia Idea	¡Cualquier cosa que puedas imaginar!

¡Todos los caminos llevan al mismo destino: un proyecto funcional del que puedes presumir!

Opción 1: Portafolio Personal

👤

Portafolio Personal

Un hermoso sitio web de una página que muestra quién eres. Perfecto para buscar empleo, hacer networking, o simplemente tener tu propio rincón en internet.

Ver prompt de inicio (clic para expandir)

Create a personal portfolio website with:
- A hero section with my name and a short tagline
- An "About Me" section where I can describe myself
- A "Skills" section showing 4-6 things I'm good at
- A "Projects" section with placeholder cards for 3 projects
- A "Contact" section with links to email and social media
- Modern, clean design with a color scheme of your choice
- Mobile-responsive layout
- Use HTML, CSS, and vanilla JavaScript only

Opción 2: Juego de Quiz Interactivo

🎮

Juego de Quiz Interactivo

Un divertido juego de trivia que pone a prueba conocimientos y muestra una puntuación final. Ideal para aprender cómo funciona la interacción con el usuario.

Ver prompt de inicio (clic para expandir)

Create an interactive quiz game with:
- A welcome screen with a "Start Quiz" button
- 5 multiple-choice questions about [choose a topic: movies, science, history, etc.]
- 4 answer options per question
- Visual feedback showing if the answer was correct or wrong
- A progress bar showing current question number
- A results screen showing final score with a message based on performance
- Option to restart the quiz
- Fun, colorful design with animations
- Use HTML, CSS, and vanilla JavaScript only

Opción 3: Rastreador de Hábitos

✅

Rastreador de Hábitos

Una aplicación sencilla para registrar hábitos diarios y visualizar tu constancia. Perfecto para crear buenas rutinas.

Ver prompt de inicio (clic para expandir)

Create a habit tracker app with:
- Ability to add new habits with a name and emoji
- A list of habits that can be marked complete for today
- Visual checkboxes or toggle buttons for each habit
- A simple streak counter showing consecutive days
- Data saved in browser localStorage (persists between visits)
- Clean, minimal design with satisfying animations when completing habits
- A weekly view showing which days each habit was completed
- Use HTML, CSS, and vanilla JavaScript only

Opción 4: ¡Construye Tu Propia Idea!

¿Tienes algo más en mente? ¡Usa nuestro Constructor de Prompts para crear el prompt de tu propio proyecto!

✨ Constructor de Prompts

¿Qué tipo de proyecto?

Describe tu idea (1-2 oraciones)

Funcionalidades clave (separadas por comas)

Preferencia de colores (opcional)

Tu prompt personalizado:

Consejos para Escribir Buenos Prompts

💡 Consejos para escribir prompts:

Sé específico - “Un formulario de contacto” es vago; “Un formulario de contacto con campos de nombre, correo electrónico, mensaje y validación” es claro
Lista las funcionalidades - Los puntos con viñetas ayudan a Claude Code a entender exactamente lo que quieres
Menciona la tecnología - “Usa HTML, CSS y JavaScript” mantiene las cosas simples para principiantes
Describe el aspecto visual - “Moderno y minimalista” o “Divertido y colorido” orienta el diseño

¿Qué Pasa Después?

Una vez que hayas elegido (o creado) tu proyecto:

Copia tu prompt - Ya sea de las plantillas anteriores o del Constructor de Prompts
Abre Claude Code - Inicia un nuevo chat
Pega y ejecuta - Dale a Claude Code tu prompt y ¡observa cómo ocurre la magia!

Recorreremos esto paso a paso en la siguiente sección.

✅ Punto de control

Tienes una idea de proyecto y un prompt listo para usar. ¡Es hora de construir!