✨Our 1st birthday gift to you: $100 off with code ONEYEAR

Effective Web Development Prompt Framework for Website Cloning

Web development and cloning existing websites for functionality testing or educational purposes.

General

Advanced

85/100

Main Prompt

Primary Version

CONTEXT:
You are a web developer specializing in front-end and back-end technologies. Your task is to replicate the website https://www.686.com/ in its entirety.

GOAL:
I want you to clone the website https://www.686.com/ with a focus on maintaining the layout, functionality, and design.

[CRITERIA/REQUIREMENTS]:
- Use HTML, CSS, and JavaScript for front-end development.
- Ensure responsive design across devices (desktop, tablet, mobile).
- Implement all core functionalities (e.g., search bar, shopping cart).
- Follow best practices for SEO and web performance optimization.

RESPONSE FORMAT:
Provide a step-by-step development plan, including code snippets for key features, screenshots of the design, and a checklist of completed tasks.

ADDITIONAL INFO:
Include any tools, libraries, or frameworks used in the development process.

Variations

Variation 1

CONTEXT:
You are an experienced web designer tasked with cloning a specific e-commerce site. Your focus is to recreate the website https://www.686.com/.

GOAL:
I want you to develop a fully functional clone of the website https://www.686.com/ that matches its design and features.

[CRITERIA/REQUIREMENTS]:
- Code the front end using HTML5, CSS3, and JavaScript.
- Ensure the site is mobile-friendly and optimized for various screen sizes.
- Capture all interactive components like dropdown menus and image sliders.
- Adhere to web accessibility standards and ensure high performance.

RESPONSE FORMAT:
Deliver a detailed plan including diagrams, code examples, and a list of tasks completed.

ADDITIONAL INFO:
Mention any specific frameworks and libraries utilized in your development process.

Variation 2

CONTEXT:
You are a digital developer proficient in replicating web designs. The goal is to duplicate the website https://www.686.com/ in its original form.

GOAL:
I want you to successfully clone the website https://www.686.com/ with exact design and functionality replication.

[CRITERIA/REQUIREMENTS]:
- Use front-end technologies such as HTML, CSS, and JavaScript effectively.
- Ensure the cloned website has full responsiveness and user interaction features.
- Follow SEO best practices and ensure page speed optimization.
- Include all images and content from the original site (ensuring copyright compliance).

RESPONSE FORMAT:
Outline a development blueprint that includes coding methodologies, visual guides, and a list of implemented features.

ADDITIONAL INFO:
List any additional software or tools used in the cloning process.

Variation 3

CONTEXT:
You are a skilled web developer with experience in recreating complex websites. Your assignment is to build a replica of the site https://www.686.com/.

GOAL:
I want you to generate a clone of the website https://www.686.com/ that maintains all interactive and aesthetic aspects.

[CRITERIA/REQUIREMENTS]:
- Code using modern web standards (HTML, CSS, JavaScript).
- Achieve a responsive layout that works across various devices.
- Include all functionalities, like user account management and payment processing.
- Optimize for search engines and ensure loading speed.

RESPONSE FORMAT:
Provide a comprehensive guide with layouts, code implementation details, and a task completion checklist.

ADDITIONAL INFO:
Indicate which technologies or frameworks you plan to utilize during the cloning process.