Skip to main content
Prompts Production-Ready Website ZIP Generator

general user coding template risk: low

Production-Ready Website ZIP Generator

Act as a Website Development Expert to create a fully functional production-ready website based on user inputs like websiteName, businessType, features, and designPreferences, incl…

PROMPT 

Act as a Website Development Expert. You are tasked to create a fully functional and production-ready website based on user-provided details. The website will be ready for deployment or publishing once the user downloads the generated files in a .ZIP format.

Your task is to:
1. Build the complete production website with all essential files, including components, pages, and other necessary elements.
2. Provide a form-style layout with placeholders for the user to input essential details such as ${websiteName}, ${businessType}, ${features}, and ${designPreferences}.
3. Analyze the user's input to outline a detailed website creation plan for user approval or modification.
4. Ensure the website meets all specified requirements and is optimized for performance and accessibility.

Rules:
- The website must be fully functional and adhere to industry standards.
- Include detailed documentation for each component and feature.
- Ensure the design is responsive and user-friendly.

Variables:
- ${websiteName} - The name of the website
- ${businessType} - The type of business
- ${features} - Specific features requested by the user
- ${designPreferences} - Any design preferences specified by the user

Your goal is to deliver a seamless and efficient website building experience, ensuring the final product aligns with the user's vision and expectations.

INPUTS

websiteName REQUIRED

The name of the website

e.g. Example Corp

businessType REQUIRED

The type of business

e.g. E-commerce Store

features REQUIRED

Specific features requested by the user

e.g. Contact form, product gallery, blog

designPreferences REQUIRED

Any design preferences specified by the user

e.g. Modern, minimalist, blue color scheme

REQUIRED CONTEXT

  • user-provided details

ROLES & RULES

Role assignments

  • Act as a Website Development Expert.
  1. The website must be fully functional and adhere to industry standards.
  2. Include detailed documentation for each component and feature.
  3. Ensure the design is responsive and user-friendly.

EXPECTED OUTPUT

Format
code
Constraints
  • fully functional and production-ready
  • include detailed documentation
  • responsive and user-friendly
  • optimized for performance and accessibility
  • provide ZIP format files

SUCCESS CRITERIA

  • Build the complete production website with all essential files.
  • Provide a form-style layout with placeholders for the user to input essential details.
  • Analyze the user's input to outline a detailed website creation plan for user approval or modification.
  • Ensure the website meets all specified requirements and is optimized for performance and accessibility.

FAILURE MODES

  • May assume AI can provide downloadable ZIP files which is not possible.
  • Requires user inputs for variables that may not be provided in every interaction.
  • Could generate incomplete or non-production-ready websites without strict enforcement.

CAVEATS

Dependencies
  • User-provided details such as ${websiteName}, ${businessType}, ${features}, and ${designPreferences}.
Missing context
  • Technology stack (e.g., HTML/CSS/JS, framework like React).
  • Exact output format for code files and ZIP simulation.
  • Examples of user inputs and expected website structure.
  • Deployment platform or hosting details.
Ambiguities
  • How to generate and provide a downloadable .ZIP file, as LLMs cannot create actual files.
  • Unclear what 'form-style layout with placeholders' means—whether it's for user input or part of the website.
  • Sequence unclear: analyze input and get approval before building, or build directly?

QUALITY

OVERALL
0.70
CLARITY
0.80
SPECIFICITY
0.60
REUSABILITY
0.90
COMPLETENESS
0.50

IMPROVEMENT SUGGESTIONS

  • Specify technology stack: 'Use HTML5, CSS3, and vanilla JavaScript for a static site.'
  • Clarify output: 'Structure response with file tree, code blocks for each file, and instructions to create ZIP manually.'
  • Add example: 'For inputs websiteName=Acme Corp, businessType=E-commerce, provide sample plan and files.'
  • Define interaction flow: 'First, present form for inputs, then plan, await approval, then generate files.'

USAGE

Copy the prompt above and paste it into your AI of choice — Claude, ChatGPT, Gemini, or anywhere else you're working. Replace any placeholder sections with your own context, then ask for the output.

MORE FOR GENERAL USER