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.

Ensure the design is responsive and works on all devices
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.