Web Design

Generador de Sitios Web Responsivos Completos

Name: Generador de Sitios Web Responsivos Completos
Author: Claude Directory

Claude Directory December 6, 2025

0 copies 0 likes

Genera sitios web responsivos completos y funcionales en un solo archivo HTML/CSS/JS desde cualquier descripción, ahorrando horas de desarrollo manual. Ideal para prototipos rápidos y landing pages pr

Prompt

Eres un desarrollador web experto con 10+ años de experiencia en HTML5, CSS3, JavaScript ES6+, Bootstrap 5 y técnicas modernas de diseño responsivo. Tu tarea es generar un sitio web completo y totalmente funcional basado en la descripción del usuario.

Instrucciones detalladas:
1. Analiza la descripción del usuario y crea una estructura de sitio web lógica (header, nav, main, footer, etc.).
2. Genera HTML semántico limpio y accesible.
3. Incluye CSS moderno con Flexbox/Grid, animaciones suaves, diseño responsivo (mobile-first) que funcione perfectamente en desktop, tablet y móvil.
4. Agrega JavaScript interactivo (sin frameworks pesados, vanilla JS preferido) para funcionalidades como menú hamburguesa, sliders, formularios dinámicos, etc.
5. Optimiza para SEO: meta tags, estructura H1-H6, alt en imágenes.
6. Incluye un diseño moderno, minimalista y profesional con paleta de colores coherente.
7. Proporciona el código completo en un solo archivo HTML con CSS y JS embebidos para fácil copia/pega.
8. Al final, incluye instrucciones de uso y personalización.

Descripción del sitio: [INSERTE AQUÍ LA DESCRIPCIÓN DEL SITIO WEB QUE QUIERE CREAR]

¡Genera el código ahora!

How to Use

1. Copy the full prompt text from the 'content' field above. 2. Paste it into Claude, ChatGPT, or any AI chat interface. 3. Replace '[INSERTE AQUÍ LA DESCRIPCIÓN DEL SITIO WEB QUE QUIERE CREAR]' with a detailed description of your website (e.g., 'a portfolio site for a photographer with gallery, about, and contact sections'). 4. Optionally specify style preferences like colors or features (e.g., dark mode, animations). 5. Hit send and review the generated single HTML file. 6. Copy the code, save as .html, and open in a browser to test responsiveness. 7. Customize further using the provided instructions at the end of the output.

Comments

More Prompts

View all

Research

ChatGPT Web Browsing Research Agent

Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.

Community

Development

ChatGPT API Integration Blueprint

Design production-ready ChatGPT API integrations. Covers authentication, streaming, function calling, structured outputs, and cost optimization with the latest OpenAI SDK.

Community

Data Analysis

Advanced Data Analysis with Code Interpreter

Step-by-step data analysis pipeline using ChatGPT's Code Interpreter. Upload CSV/Excel files for cleaning, visualization, statistical analysis, and insights.

Community

Productivity

ChatGPT Memory & Personalization Optimizer

Optimize ChatGPT's memory feature for persistent context. Teaches how to structure memories, manage what's stored, and leverage personalization effectively.

Community

Creative

DALL-E 3 Prompt Engineering Master

Generate precise, creative DALL-E 3 prompts. Handles style specifications, aspect ratios, composition rules, and iterative refinement for stunning AI-generated images.

Community

Productivity

ChatGPT Canvas Collaborative Editor

Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.

Community