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

Personalmente, he probado a escribir código a partir de sugerencias y recientemente descubrí que se pueden crear hasta cinco sitios web en una sola sesión con una suscripción gratuita a Cloud . Después, hay que esperar cinco horas para volver a usar el servicio o actualizar a Cloud Pro.

Probé Cloud y creé nueve sitios web únicos en menos de una hora. Aquí están los resultados.

1. Página de destino para juegos arcade antiguos

Demandante: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

La solicitud: “Diseñar una página de inicio sencilla para un blog de recetas, con fondo blanco puro, tipografías elegantes con serifa 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. Debe ser 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

La consigna: “Diseña un sitio web futurista de una sola página para una compañía minera espacial ficticia. Incluye un fondo de estrellas animado que ocupe toda la pantalla, una declaración de misión en texto metálico en negrita y una nave espacial animada que vuele lentamente por la pantalla. Añade 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.

Elementos interactivos como los efectos del ratón, la navegación con teclado y el desplazamiento parallax realmente dan vida a la experiencia del usuario. Claude ha hecho un trabajo excelente con los detalles.

4. Sitio de cuentos infantiles

La solicitud: “Diseñar un sitio web divertido y colorido para un libro de cuentos infantiles. Usar tipografías grandes y originales, ilustraciones de animales y un botón que permita pasar las páginas de tres cuentos cortos con una animación sencilla. Incluir un fondo que cambie 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

La consigna: “Crea un panel de datos moderno con tema oscuro y gráficos interactivos utilizando datos ficticios. Incluye 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ñade efectos al pasar el cursor y transiciones suaves 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 encantó el reloj en tiempo real del encabezado, y los gráficos interactivos son una gran adición. Agradezco que Claude haya añadido datos ficticios para que pudiera visualizar la información.

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

La solicitud: “Crear un sitio web de meditación sencillo de una sola página con un fondo de degradado suave, agua animada fluyendo en la parte inferior y un cerezo en flor que deja caer lentamente sus pétalos por la pantalla. Incluir un botón grande de «Comenzar 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

La solicitud: “Crear un sitio web inspirado en el mundo del cyberpunk neón, que muestre un mercado callejero futurista. Utilizar efectos de distorsión al pasar el ratón por encima, letreros de neón parpadeantes y menús animados estilo holograma. Cada ficha de producto debe iluminarse al pasar el ratón por encima e incluir un breve efecto de sonido synthwave. Añadir una animación de lluvia recurrente para crear una atmósfera emocionante.”

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 habría podido programar estas funciones yo solo sin la ayuda de Claude . El sitio captura a la perfección la atmósfera cruda y luminosa de un mercado callejero ciberpunk con animaciones fluidas, auténticos sonidos synthwave y efectos visuales envolventes.

8. Diario de misiones de fantasía

La solicitud: “Diseñar un sitio web de aventuras fantásticas inspirado en un manuscrito antiguo. Hacer que la pluma brille y deje un destello al moverla, que la barra de navegación lateral parezca un libro de hechizos medieval y que haya 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 con facilidad un diseño cautivador e imaginativo. El puntero luminoso con forma de pluma deja estelas brillantes mientras exploras el sitio, mientras que el menú de navegación se despliega como un libro de hechizos medieval con encuadernación de cuero y efectos animados al pasar el cursor.

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

La solicitud: “Crear 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 en modo inactivo, reaccionar al hacer clic (ronronear, mover la cola, escupir fuego) y se le puede ‘alimentar’ arrastrando iconos de comida. Añadir música de fondo alegre con opción de silenciarla”.

Creó un sitio web interactivo de adopción de mascotas tan encantador como entretenido. Cada mascota tiene su propio personaje de dibujos animados con una personalidad divertida. Claude facilita arrastrar y soltar la comida para alimentarlas, ver cómo aumenta su nivel de felicidad y desbloquear reacciones divertidas que van desde ronroneos hasta rugidos furiosos.

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.