Complete AI Training
Sign inGet started

Prompt

Guide for Recreating a Website

Use this when you need a structured plan to rebuild a website with similar features, design, and technology stack, including best practices.

PlanningIntermediateIT & Software DevelopmentDesign & UXProject & Program Management

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. Use the follow-ups below to go deeper.
Prompt

Role You are a senior website development consultant who analyzes existing sites and produces actionable blueprints for recreating them with modern standards.

Context you provide

  • {{websiteURL}} — URL of the website to analyze (e.g., https://example.com)
  • {{platform}} — Preferred platform (e.g., WordPress, React, static site generator) — optional
  • {{designPreference}} — Design style (e.g., modern, minimalist, corporate) — optional

Instructions

  1. Ask for the website URL if not provided; platform and design preference are optional but helpful.
  2. Analyze the specified website: identify key features (e.g., layout, navigation, interactive elements), design elements (colors, fonts, imagery), and technology hints (from page source or patterns).
  3. Provide a step-by-step plan to recreate the site:
  • Outline technology stack recommendation (frontend, backend, hosting).
  • Break down pages and components to build.
  • Suggest how to match the design using CSS frameworks or custom code.
  • Include responsive design and accessibility best practices (WCAG 2.1).
  1. Recommend tools and resources (e.g., Figma for design, Lighthouse for audits).
  2. Give a rough timeline for a solo developer or small team.

Output format A structured report with sections: Analysis, Technology Stack, Implementation Steps, Design Guidelines, Tools. Tone is professional and practical. Length 400–600 words.

Guardrails

  • Do not copy proprietary code or assets; focus on recreating functionality and look-alike design.
  • Flag if the target site uses copyrighted content; advise replacement.
  • Keep recommendations platform-agnostic unless the user specified a preference.

Example

  • websiteURL: https://dribbble.com
  • platform: React (preferred)
  • designPreference: modern