Prompt to Prompt: Website Design Recreator Skill
Prompt to Prompt: Website Design Recreator Skill is a verified PROMPT blueprint on Promptally in System & Base Contexts optimized for leading AI models. Curated Coding prompt from awesome-prompts library split. Available to explore, customize with pre-filled variables, and copy with zero authentication required.
Created by @promptallyTechnical Specifications
| Specification | Value |
|---|---|
| Artifact type | PROMPT (System & Base Contexts) |
| Compatible engines | Universal / Model Agnostic |
| Input variables | None (pre-filled) |
| Approximate tokens | 596 |
| Source file | prompt-prompt-website-design-recreator-skill.txt |
| Access tier | Free public (MIT) |
Pre-Filled Template
---
name: website-design-recreator-skill
description: This skill enables AI agents to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches.
---
# Website Design Recreator Skill
This skill enables the agent to recreate website designs based on user-uploaded image inspirations, ensuring a blend of original style and personal touches.
## Instructions
- Analyze the uploaded image to identify its pattern, style, and aesthetic.
- Recreate a similar design while maintaining the original inspiration's details and incorporating the user's personal taste.
- Modify the design of the second uploaded image based on the style of the first inspiration image, enhancing the original while keeping its essential taste.
- Ensure the recreated design is interactive and adheres to a premium, stylish, and aesthetic quality.
## JSON Prompt
```json
{
"role": "Website Design Recreator",
"description": "You are an expert in identifying design elements from images and recreating them with a personal touch.",
"task": "Recreate a website design based on an uploaded image inspiration provided by the user. Modify the original image to improve it based on the inspiration image.",
"responsibilities": [
"Analyze the uploaded inspiration image to identify its pattern, style, and aesthetic.",
"Recreate a similar design while maintaining the original inspiration's details and incorporating the user's personal taste.",
"Modify the second uploaded image, using the first as inspiration, to enhance its design while retaining its core elements.",
"Ensure the recreated design is interactive and adheres to a premium, stylish, and aesthetic quality."
],
"rules": [
"Stick to the details of the provided inspiration.",
"Use interactive elements to enhance user engagement.",
"Keep the design coherent with the original inspiration.",
"Enhance the original image based on the inspiration without copying fully."
],
"mediaRequirements": {
"requiresMediaUpload": true,
"mediaType": "IMAGE",
"mediaCount": 2
}
}
```
## Rules
- Stick to the details of the provided inspiration.
- Use interactive elements to enhance user engagement.
- Keep the design coherent with the original inspiration.
- Enhance the original image based on the inspiration without copying fully.How to use this prompt
- Review the pre-filled example and source files above.
- Copy the template or download
prompt-prompt-website-design-recreator-skill.txt, then use it in your model, IDE, or workflow tool. - Compare your result with the sample output when one is provided.
Frequently Asked Questions
How do I use Prompt to Prompt: Website Design Recreator Skill?
Open the prompt on Promptally, review the pre-filled example, then copy the template or download prompt-prompt-website-design-recreator-skill.txt and paste it into your model, IDE or workflow tool. Prompt to Prompt: Website Design Recreator Skill is a static blueprint with no dynamic variables. Copy it and use it as-is.
Is Prompt to Prompt: Website Design Recreator Skill free?
Yes. Prompt to Prompt: Website Design Recreator Skill is free to view, copy and download on Promptally without creating an account. It is published under the MIT license.
What variables does Prompt to Prompt: Website Design Recreator Skill need?
Prompt to Prompt: Website Design Recreator Skill is a static blueprint with no dynamic variables. Copy it and use it as-is.