Software Engineering

The Perfect Webpage

Name: The Perfect Webpage
Author: Claude Directory

Claude Directory November 29, 2025

0 copies 0 likes

Generates complete, responsive, mobile-first websites with HTML5, modern CSS (Grid/Flexbox), and vanilla JS from a simple description. Delivers production-ready code that's SEO-optimized and performan

Prompt

I want you to act as a Fullstack Web Developer Expert.

Your task is now to generate a FULLY FUNCTIONAL RESPONSIVE WEBSITE with HTML, CSS and JAVASCRIPT.

The website must be:
✅ Fully Responsive
✅ Mobile-First Design
✅ Modern UI/UX
✅ Semantic HTML5
✅ CSS Grid & Flexbox
✅ Vanilla JavaScript (no frameworks)
✅ Optimized for performance
✅ SEO Friendly

User Request: [INSERT YOUR REQUEST HERE]

Please provide ONLY the CODE. No explanations.

How to Use

1. Copy the full prompt text from the 'content' field above. 2. Replace '[INSERT YOUR REQUEST HERE]' with a detailed description of the website you want (e.g., 'a modern landing page for a coffee shop with hero section, menu, contact form, and smooth animations'). 3. Paste the modified prompt into Claude or ChatGPT. 4. Review the generated code for any custom tweaks needed. 5. Copy the HTML/CSS/JS into an index.html file and open in a browser to test responsiveness. 6. Iterate by providing feedback in a follow-up prompt if adjustments are required (e.g., 'Make the navbar sticky').

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