Construí 9 sitios web en menos de una hora usando Claude.

Chatbots como ChatGPT, Gemini y Claude hacen que programar sea más fácil que nunca, incluso si no tienes experiencia en programación. Gracias a lo que se conoce como "escribir código por sugerencia"Los usuarios pueden crear sitios web En sólo unos minutos, o incluso desarrollar aplicaciones prácticas simplemente dando un comando simple.

Creé 9 sitios web en menos de una hora con Claude: Una guía completa sobre cómo lo conseguí | La guía de Tom

Yo mismo he estado experimentando con “codificación inspiracional” y recientemente descubrí que se pueden crear hasta cinco sitios web en una sesión con una suscripción. Claude Gratis. Después, tendrás que esperar cinco horas para volver a usar el servicio o actualizar a Cloud Pro.

Hice una prueba Claude Creé nueve sitios web únicos en menos de una hora. Aquí están los resultados.

1. Página de destino para juegos arcade antiguos

Una captura de pantallaDemandante:Un diseño de arcade clásico, con estilo neón, fuente pixelada, un fondo animado vibrante y tres grandes botones iluminados que simulan la atmósfera de un arcade clásico. Se añadieron efectos de sonido al pasar el cursor sobre los botones.

Inspirado en los juegos arcade retro, este sitio web con temática de neón ofrece una auténtica sensación de arcade de los 80. El pixel art es divertidísimo y cada botón tiene su propio efecto de sonido interactivo. Con detalles brillantes en las esquinas y sutiles efectos de fallos, el diseño es justo lo que esperaba: responsivo, compatible con el teclado y listo para jugar con juegos reales. En resumen, este sitio te da la sensación de estar en un arcade clásico.

2. Blog de recetas sencillas

Una captura de pantalla

Demandante:Un diseño de página de inicio sencillo para un blog de recetas, con un fondo blanco puro, elegantes fuentes serif y una cuadrícula de tres tarjetas de recetas. Cada tarjeta debe incluir una imagen, el título de la receta y un efecto de desplazamiento que muestre los ingredientes. Que sea compatible con dispositivos móviles.

Esta sencilla página de inicio para un blog de recetas es elegante y limpia. Su diseño optimizado para dispositivos móviles ofrece interacciones táctiles fáciles con solo tocar para revelar los ingredientes, lo que la hace ideal para su uso en dispositivos móviles. La tipografía y el espaciado funcionan bien en todos los tamaños de pantalla.

El diseño logra un equilibrio perfecto entre funcionalidad sencilla y tipografía sofisticada. Detalles únicos, como la animación superpuesta de los componentes, unifican toda la página, dándole un aspecto atractivo y de alta calidad.

3. Página de inicio inspirada en la ciencia ficción

Captura de pantalla del sitio web de Claude

Demandante: Diseña un sitio web futurista de una sola página para una empresa ficticia de minería espacial. Incluye un fondo animado de estrellas que llena la pantalla, una declaración de misión en texto metálico en negrita y una nave espacial animada volando lentamente por la pantalla. Agrega un botón de llamada a la acción: «Únete a la flota».

Desde juegos arcade de los 80 hasta películas de ciencia ficción, este sitio presenta un fondo estrellado que ocupa toda la pantalla con estrellas centelleantes, cometas voladores y partículas espaciales a la deriva, mientras una simpática nave espacial vuela por la pantalla. El llamativo estampado metálico, el texto brillante y los botones pulsantes añaden una sensación de exploración.

Los elementos interactivos como los movimientos del mouse, la navegación con el teclado y el desplazamiento de paralaje realmente le dan vida a la experiencia del usuario. Claude Excelente trabajo con el detalle.

4. Sitio de cuentos infantiles

Captura de pantalla del sitio

Demandante: Un diseño de sitio web divertido y colorido para un libro de cuentos infantiles. Usa fuentes grandes y originales, ilustraciones de animales y un botón que recorre tres páginas de cuentos cortos con animaciones sencillas. Incluye un fondo que cambia de color con cada página.

Claude ha creado un sitio web impresionante que rebosa de encanto caprichoso. La historia sigue a tres animales: un zorro llamado Félix, un oso llamado Benny y una mariposa llamada Bella, en una colorida aventura a lo largo de tres páginas interactivas.

Cada página del sitio presenta divertidos degradados de color de fondo, vibrantes emojis de animales y suaves animaciones al pasar el dedo, lo que le da la sensación de un libro interactivo real. Las fuentes son claras y alegres, los detalles animados son atractivos y, en general, este sitio atrae a los lectores jóvenes, especialmente a aquellos acostumbrados a pasar tiempo frente a las pantallas.

5. Panel de datos interactivo

Captura de pantalla del sitio web de Claude

Demandante:Cree un panel de datos moderno y de temática oscura con gráficos interactivos usando datos simulados. Incluya una barra lateral, un reloj en tiempo real en la parte superior y tres gráficos: uno de barras, uno de líneas y uno circular. Añada efectos de desplazamiento y transiciones fluidas entre secciones.

Decidí crear este sitio web como ejemplo de caso de negocio. El panel de control de temática oscura incluye todas las funciones que solicité en la solicitud, incluyendo una elegante barra lateral con animaciones fluidas. El diseño adaptable funciona tanto en ordenadores como en dispositivos móviles e incluye cuatro secciones principales con transiciones fluidas.

Me gusta el reloj en tiempo real en el encabezado y los gráficos interactivos son una gran adición. Aprecio cómo agregó... Claude Datos ficticios para que pueda visualizar la vista.

6. Jardín Zen, lugar de meditación

Captura de pantalla del sitio web de Claude

Demandante: Crea un sitio web de meditación sencillo de una sola página con un fondo degradado suave, agua animada fluyendo en la parte inferior y un cerezo cuyas flores caen lentamente por la pantalla. Incluye un botón grande de "Iniciar Meditación" que reproduzca música ambiental relajante y se desvanezca con una cita inspiradora.

Quedé muy satisfecho con el resultado de este sitio. El suave fondo degradado en colores como melocotón, rosa, coral y morado resalta, ayudando a promover la calma y la atención plena. El sitio crea una atmósfera verdaderamente serena, perfecta para la meditación.

7. Mercado ciberpunk

Captura de pantalla del sitio web de Claude

Demandante: Crea un sitio web de inspiración ciberpunk con neón que presente un mercado callejero futurista. Usa efectos de fallos al pasar el ratón, letreros de neón parpadeantes y menús animados estilo holograma. Cada ficha de producto debe iluminarse al pasar el ratón e incluir un breve efecto de sonido synthwave. Añade una animación recurrente de lluvia para crear una sensación de emoción.

La característica más destacada de este sitio es su efecto atmosférico. Desde las animaciones recurrentes de lluvia y los letreros de neón parpadeantes hasta el fondo de cuadrícula animado, este sitio es visualmente atractivo.

Los tres sonidos de sintetizador diferentes y los botones interactivos hacen que este sitio sea fácil de usar y atractivo. No podría haber programado estas funciones por mi cuenta sin... Claude Con toda la acción. El sitio captura a la perfección la atmósfera áspera de un mercado callejero ciberpunk iluminado con neón, con una animación fluida, auténticos sonidos synthwave y efectos visuales envolventes.

8. Diario de misiones de fantasía

Captura de pantalla del sitio web de Claude

Demandante:Diseña un sitio web de aventuras fantásticas inspirado en un manuscrito antiguo. Haz que el cursor de la pluma brille y deje un rastro de destellos al moverlo, que la barra lateral parezca un libro de hechizos medieval y una página donde los usuarios puedan "coleccionar" tres objetos mágicos haciendo clic en iconos que se mueven al encontrarlos.

Este ejemplo demuestra que Claude Puede manejar fácilmente un diseño de fantasía mágica. El cursor de pluma brillante deja trazos brillantes al explorar el sitio, mientras que el menú de navegación se despliega como un libro de hechizos medieval encuadernado en cuero con efectos de desplazamiento animados.

El contenido principal se basa en rollos de papiro diseñados con inscripciones antiguas y tipografía medieval ornamentada, lo que le da al sitio un auténtico encanto del mundo antiguo. Con un diseño adaptable, brillos interactivos y logros interactivos, cada clic está repleto de interacción mágica ancestral.

9. Adopta una mascota de dibujos animados

Captura de pantalla de un sitio web creado por Claude

Demandante: Crea un sitio web divertido e interactivo donde los visitantes puedan "adoptar" una mascota de dibujos animados (gato, perro o dragón). Cada mascota debe tener una animación inactiva, reaccionar al hacer clic (ronroneando, moviendo la cola, escupiendo fuego) y se puede "alimentar" arrastrando iconos de comida. Añade música de fondo alegre con opción de silencio.

He creado un sitio web interactivo para la adopción de mascotas, tan divertido como atractivo. Cada mascota tiene su propio personaje de dibujos animados con una personalidad divertida. Es fácil... Claude Arrastra y suelta la comida para alimentarlos, observa cómo aumentan sus indicadores de felicidad y desbloquea reacciones deliciosas, desde ronroneos hasta rugidos que escupen fuego.

También hay una melodía alegre y recurrente que ayuda a crear ambiente. El sitio es totalmente responsivo, táctil y está claramente diseñado para una experiencia divertida, emotiva e interactiva.

Los comentarios están cerrados.