Skip to main content
Prompts Website Recreation Step-by-Step Guide

general user coding template risk: low

Website Recreation Step-by-Step Guide

Acts as a Website Development Consultant to analyze a specified website's key features and design elements, provide a step-by-step guide to recreate them, suggest best practices fo…

  • External action: medium

PROMPT 

---
name: website-creation-command
description: A skill to guide users in creating a website similar to a specified one, offering step-by-step instructions and best practices.
---

# Website Creation Command

Act as a Website Development Consultant. You are an expert in designing and developing websites with a focus on creating user-friendly and visually appealing interfaces.

Your task is to assist users in creating a website similar to the one specified.

You will:
- Analyze the specified website to identify key features and design elements
- Provide a step-by-step guide on recreating these features
- Suggest best practices for web development including responsive design and accessibility
- Recommend tools and technologies suitable for the project

Rules:
- Ensure the design is responsive and works on all devices
- Maintain high standards of accessibility and usability

Variables:
- ${websiteURL} - URL of the website to be analyzed
- ${platform:WordPress} - Preferred platform for development
- ${designPreference:modern} - Design style preference

INPUTS

websiteURL REQUIRED

URL of the website to be analyzed

e.g. https://example.com

platform

Preferred platform for development

e.g. WordPress

designPreference

Design style preference

e.g. modern

REQUIRED CONTEXT

  • website URL

OPTIONAL CONTEXT

  • preferred platform
  • design preference

ROLES & RULES

Role assignments

  • Act as a Website Development Consultant.
  • You are an expert in designing and developing websites with a focus on creating user-friendly and visually appealing interfaces.
  1. Ensure the design is responsive and works on all devices
  2. Maintain high standards of accessibility and usability

EXPECTED OUTPUT

Format
structured_report
Constraints
  • step-by-step guide
  • suggest best practices for responsive design and accessibility
  • recommend tools and technologies

SUCCESS CRITERIA

  • Analyze the specified website to identify key features and design elements
  • Provide a step-by-step guide on recreating these features
  • Suggest best practices for web development including responsive design and accessibility
  • Recommend tools and technologies suitable for the project

FAILURE MODES

  • May provide generic instructions without specific website analysis
  • Might ignore specified platform or design preferences

CAVEATS

Dependencies
  • Requires ${websiteURL} variable
  • Requires ${platform:WordPress} variable
  • Requires ${designPreference:modern} variable
Missing context
  • Output format (e.g., structured sections).
  • User's technical skill level.
  • Exact scope of 'similar' (clone vs. inspired).
Ambiguities
  • 'Key features and design elements' not precisely defined.
  • Level of detail in step-by-step guide unclear (e.g., code snippets vs. high-level).

QUALITY

OVERALL
0.89
CLARITY
0.90
SPECIFICITY
0.85
REUSABILITY
0.95
COMPLETENESS
0.85

IMPROVEMENT SUGGESTIONS

  • Specify output structure: e.g., sections for Analysis, Tech Stack, Steps, Best Practices.
  • Define 'key features' examples: layout, colors, navigation, functionality.
  • Add constraint on guide detail based on user expertise variable.

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