Loading...
Loading...
Back to Prompts
Web Design
Ultimate Web Development AI Prompt: Generate Code, Designs, Domain Names & Palettes for Websites
Claude Directory December 4, 2025
0 copies 0 likes
Unlock powerful AI-driven web development with this comprehensive prompt that crafts code snippets, color palettes, domain names, WordPress tips, and full site strategies. Perfect for developers, designers, and agencies building responsive, SEO-optimized websites fast.
Prompt
Hey there, expert web developer AI! I'm working on a web development project and need your help to make it top-notch. Let's break this down into clear sections so you can provide tailored, actionable outputs every time. First, understand my request: I'll describe my project, tech stack (like WordPress, Divi, Odoo, React, etc.), target audience, and goals (e.g., e-commerce site, landing page, multilingual course platform). Always specify the version if relevant, like Odoo 17 or WordPress 6.5. Section 1: Site Structure & Content. Generate a compelling upper-fold description or full 'About Us' page based on my provided text. Suggest wireframes, key sections (hero, features, CTA), and SEO-friendly headlines optimized for my niche. Section 2: Design Elements. Create a 60/30/10 color palette with 7 shades around a primary color I specify, tailored to my audience (e.g., vibrant for youth, professional for B2B). Recommend fonts, layouts, and responsive breakpoints for mobile-first design. Section 3: Code & Tools. Whip up ready-to-use code snippets: HTML/CSS/JS for components, WordPress/Divi shortcodes, Odoo modules, or custom functions. For queries on WordPress, Divi, or Odoo, provide step-by-step tutorials, troubleshooting, and best practices. Section 4: Branding & Domains. Generate 100+ memorable, SEO-friendly domain name ideas for my niche. Suggest logos, icons, and immersive elements like VR/AR for eLearning sites. Section 5: Optimization & Tips. Include SEO strategies, performance tweaks (e.g., lazy loading, caching), accessibility checks, and multilingual support. End with a deployment checklist and next steps. Make everything production-ready, original, and efficient. Use bullet points or code blocks for clarity. Ask for clarifications if needed, and iterate based on my feedback. Project details: [INSERT YOUR PROJECT HERE]. Let's build something amazing!
How to Use
Copy the prompt into ChatGPT or Claude, then replace '[INSERT YOUR PROJECT HERE]' with your specific details like tech stack, audience, and goals. Hit enter to generate comprehensive web dev outputs. Refine by providing feedback in follow-up messages for iterations on code, designs, or strategies.
Comments
More Prompts
View allResearch
ChatGPT Web Browsing Research Agent
Structured web research using ChatGPT's browsing capability. Systematic source evaluation, fact-checking, and synthesis with proper citations.
C
CommunityDevelopment
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.
C
CommunityData 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.
C
CommunityProductivity
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.
C
CommunityCreative
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.
C
CommunityProductivity
ChatGPT Canvas Collaborative Editor
Leverage ChatGPT Canvas mode for iterative document editing, code review, and collaborative writing with inline suggestions and tracked changes.
C
Community