Modify Front-End Webpage with Codex and Image Input
Enter a reference image and your project's current index.html to get edits that bring the design elements read from the image into your HTML and CSS.
| Category | Development › Coding |
|---|---|
| Tags | AnalyzingRewritingDeveloperCode |
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.
What this prompt does
Useful for aligning a front-end page to a reference image. It asks to preserve existing functionality, use clean code, and consider browser compatibility, but no concrete verification process is shown.
More in this category
| E COMMERCE WEBSITE | |
| Plataforma Escopo Bugbouty Cyber Hunter Lab | |
| Voice Cloning Assistant | |
| 2046 Puzzle Game Challenge | |
| 21st.dev component prompt |
Modify Front-End Webpage with Codex and Image Input