- Sección: Asistente de código
- Video (NO descargado): https://www.youtube.com/watch?v=ED6hH4u4Apc
- Duración del video: 38min04s
Descripción
_(sin descripción)_
Recursos descargados
14-claude-sonnet-5-vs-opus-48.pdf— claude_sonnet5_vs_opus48_prompt_pack.pdf (ok (16487 bytes))
Claude Sonnet 5 vs Opus 4.8 Tres prompts de construcción en una etapa Un paquete de prompts sencillos para probar el rendimiento de dos modelos del asistente en diseño, funcionalidad de aplicaciones y lógica de juegos complejos.
Sitio web de portafolio Evalúa el diseño, el texto, la distribución, la capacidad de respuesta y el acabado. Finanzas personales Evalúa los formularios, los cálculos, el almacenamiento local, la validación y la experiencia de usuario del panel. 2 Aplicación
Defensa del castillo Prueba la lógica del juego, las oleadas, el movimiento, la puntuación, las mejoras y los estados de victoria/derrota. 3 Juego
Usa el mismo prompt para ambos modelos, en el mismo entorno y con las mismas reglas. Después, compara los resultados finales uno al lado del otro. Cómo usar este paquete de prompts Ejecuta cada prueba como una construcción en una sola etapa. Dale exactamente el mismo prompt a Claude Sonnet 5 y a Claude Opus 4.8 y, luego, compara el resultado final sin darle ayuda adicional a uno de los modelos.
Configuración recomendada: React + Tailwind CSS, el mismo editor o entorno de código, el mismo prompt, la misma cantidad de ayuda en los seguimientos y la misma lista de verificación de pruebas manuales.
Prueba Qué mide Puntuación
Sitio web de portafolio Calidad del diseño, texto, capacidad de respuesta, espaciado, acabado visual /10
Aplicación de finanzas personales Funcionalidad, cálculos, almacenamiento local, validación, usabilidad /10
Juego de defensa del castillo Ciclo del juego, movimiento de los enemigos, defensores, puntuación, mejoras, lógica de victoria/derrota /10
Una pregunta final sencilla para el video: ¿Opus 4.8 sigue siendo claramente mejor o Sonnet 5 ahora es lo suficientemente bueno para la mayoría de las personas?
Paquete de prompts Claude Sonnet 5 vs Opus 4.8 | Página 2 Prompt 1: Sitio web de portafolio Objetivo: probar el criterio de diseño, la redacción, la disposición, la adaptabilidad y los acabados.
Build a modern personal portfolio website for a freelance designer and developer named Alex Morgan.
Use React and Tailwind CSS.
The website should feel premium, clean, and modern. It should look like something a real creative professional could use to get clients.
Create a full landing page with the following sections:
- Hero section
- Titular contundente
- Subtítulo breve
- Dos botones de llamada a la acción
- A visual area that shows a profile card, project preview, or creative mockup
- About section
- Breve biografía profesional
- Skills and tools
- A clean layout that feels personal but professional
- Featured projects section
- Muestra 4 proyectos
- Each project should have a title, category, short description, and visual card
- Add hover effects
- Services section
- Muestra 3 servicios:
- Website Design
- Web Development
- Brand Identity
- Testimonials section
- Include 3 realistic client testimonials
- Contact section
- Contact form with name, email, project type, and message
- Add basic form validation
- Muestra un mensaje de éxito después del envío
- Footer
- Include social links and copyright text
Design requirements:
- Premium portfolio style
- Espaciado limpio
- Modern typography
- Fully responsive for desktop, tablet, and mobile
- Efectos suaves al pasar el cursor
- Animaciones sutiles
- Good visual hierarchy
- Make it look polished, not like a basic template
Technical requirements:
- Use React components
- Use Tailwind CSS
Paquete de prompts Claude Sonnet 5 vs Opus 4.8 | Página 3
- Keep everything frontend-only
- No backend required
- No external APIs
- Make sure the app does not crash
- Include comments for important sections
At the end, include a manual testing checklist for:
- Desktop responsiveness
- Adaptabilidad a dispositivos móviles
- Contact form validation
- Mensaje de éxito después de enviar el formulario
- Hover effects
- All sections rendering correctly
Paquete de prompts Claude Sonnet 5 vs Opus 4.8 | Página 4 Prompt 2: Aplicación web de finanzas personales Objetivo: probar formularios, cálculos, gestión del estado, almacenamiento local, validación y diseño de un dashboard útil.
Build a functional personal finance web app called BudgetFlow.
Use React and Tailwind CSS.
La aplicación debe ayudar a los usuarios a llevar el control de sus ingresos, gastos, metas de ahorro y progreso del presupuesto mensual.
Core features:
- Dashboard overview
- Muestra los ingresos totales
- Muestra los gastos totales
- Muestra el saldo restante
- Muestra el progreso de los ahorros
- Muestra los gastos por categoría
- Add transaction form
The user should be able to add a transaction with:
- Transaction name
- Amount
- Tipo: ingreso o gasto
- Category
- Date
- Notes
- Transaction list
- Muestra todas las transacciones
- Allow users to filter by income, expense, or category
- Allow users to search transactions by name
- Allow users to delete a transaction
- Budget categories
Create default categories:
- Housing
- Food
- Transportation
- Entertainment
- Shopping
- Health
- Education
- Other
- Savings goal tracker
- El usuario puede elegir un nombre para su meta de ahorro
- El usuario puede establecer un monto objetivo
- El usuario puede aportar dinero a la meta
- Muestra el porcentaje de progreso
- Muestra cuánto falta para alcanzar la meta
- Gráficos y resúmenes visuales
- Add a simple chart or visual breakdown for spending by category
- Add a monthly income vs expense summary
- Use simple frontend visuals if a chart library is not available
- Almacenamiento local
- Save transactions to local storage
- Save savings goal to local storage
Paquete de prompts Claude Sonnet 5 vs Opus 4.8 | Página 5
- Data should still be there after refresh
- Validación
- Do not allow empty transaction names
- Do not allow invalid amounts
- Do not allow negative amounts
- Muestra mensajes de error útiles
- Requisitos de la interfaz
- Estilo de panel limpio
- Modern cards
- Etiquetas claras
- Responsive layout
- Easy to understand
- Funciona bien en computadoras y dispositivos móviles
Technical requirements:
- Use React state properly
- Use clean component structure
- Use Tailwind CSS
- Keep everything frontend-only
- No backend required
- No external APIs
- Make sure the app does not crash during normal use
- Add comments for the main logic
At the end, include a manual testing checklist for:
- Adding income
- Adding expenses
- Deleting transactions
- Filtering transactions
- Searching transactions
- Budget totals updating correctly
- Savings goal updating correctly
- Persistencia del almacenamiento local después de actualizar la página
- Form validation
- Adaptabilidad a dispositivos móviles
Paquete de prompts Claude Sonnet 5 vs Opus 4.8 | Página 6 Prompt 3: Juego de defensa del castillo Objetivo: probar una construcción compleja en una sola etapa con lógica de juego, oleadas, movimiento, puntuación, mejoras y estados de victoria/derrota.
Build a complete browser-based game called Castle Defense.
Use React and Tailwind CSS.
Game concept: The player is defending a castle from waves of enemies. Enemies move from the left side of the screen toward the castle on the right side. The player places defenders on the battlefield to stop the enemies before they reach the castle.
The game should feel like a simple tower defense game.
Core gameplay:
- Enemies move from left to right across the game board
- If an enemy reaches the castle, the player loses one life
- The player starts with 20 lives
- The player starts with 150 gold
- The player earns gold when enemies are defeated
- The game has 10 waves
- Each wave should become harder
- The player wins after surviving all 10 waves
- The player loses if lives reach 0
Enemy types:
- Goblin
- Fast movement
- Poca salud
- Reward: 10 gold
- Orc
- Velocidad media
- Salud media
- Reward: 20 gold
- Troll
- Movimiento lento
- Mucha vida
- Recompensa: 35 de oro
- Caballero oscuro
- Aparece en las oleadas posteriores
- Mucha vida
- Velocidad media
- Recompensa: 50 de oro
Tipos de defensores:
- Arquero
- Costo bajo
- Velocidad de ataque rápida
- Daño bajo
- Caballero
- Costo medio
- Velocidad de ataque media
- Daño medio
- Mago
- Costo más alto
- Velocidad de ataque lenta
- Daño en área
- Guardián
- Caro
- Aumenta la capacidad de los defensores cercanos
Funcionalidades obligatorias:
- Pantalla inicial con explicación del juego
- Tablero de juego
- Panel de selección de defensores
- Colocar defensores seleccionando uno y haciendo clic en el tablero
- No permitir colocar unidades si el jugador no tiene suficiente oro
- Los enemigos deben moverse por el tablero
- Los defensores deben atacar automáticamente a los enemigos que estén dentro del alcance
- Mostrar animaciones de ataque o efectos visuales
- Sistema de oleadas
- Sistema de oro
- Sistema de vidas
- Sistema de puntuación
- Sistema de mejora de defensores
- Pantalla de victoria
- Pantalla de fin del juego
- Botón de reinicio
- Botón de pausa
- Botón sencillo para activar o desactivar el sonido, aunque solo use un estado visual de sonido
- Registro de actividad que explica lo que sucede durante el juego
Requisitos de interfaz:
- Hacer que el juego se vea pulido y sea divertido
- Usar un tema de castillo fantástico
- Tablero de juego claro
- Tarjetas y botones limpios
- Mostrar la ola actual, las vidas, el oro y la puntuación
- Mostrar las estadísticas del defensor antes de colocarlo
- Mostrar visualmente la vida del enemigo
- Diseño adaptable para escritorio y móvil
Requisitos técnicos:
- Mantener todo en una sola aplicación React funcional
- Usar correctamente el estado de React
- Usar una estructura limpia de componentes
- Evitar APIs externas
- Evitar requisitos de backend
- Usar solo estado local
- Agrega comentarios para la lógica principal del juego
- Garantizar que el juego no se bloquee durante el juego normal
Al final, incluye una lista de verificación de pruebas manuales para:
- Iniciar el juego
- Colocar cada tipo de defensor
- Impedir la colocación si no hay suficiente oro
- Enemigos moviéndose correctamente
- Defensores atacando a los enemigos
- La vida del enemigo disminuye
- El oro aumenta después de derrotar enemigos
- Las vidas disminuyen cuando los enemigos llegan al castillo
- Oleadas cada vez más difíciles
- Mejorar a los defensores
- Pausar y reiniciar el juego
- Gana después de la oleada 10
- Perder cuando las vidas llegan a 0
- Adaptabilidad en dispositivos móviles