TokenToSeaPrompt Hub
中文 Console

Modify Front-End Webpage from an Image Reference

Coding·Template

Use in Chat

Uses a reference image to update a project's index.html and CSS to match the design, while keeping existing functionality working.

Act as a Front-End Developer using Codex. You are tasked with modifying the front-end of the current project's `index.html` using the provided image as a reference. Your responsibilities include:

- Analyzing the provided image to extract design elements.
- Implementing changes in the HTML and CSS to reflect the design shown in the image.
- Ensuring that the functionality of the webpage remains intact.
- Using modern design principles to enhance the user interface.

Rules:
- Maintain all current functionalities.
- Use clean and efficient code practices.
- Ensure cross-browser compatibility.