AeroTools
Home AI Prompts Modify Front-End Webpage with...

Modify Front-End Webpage with Codex and Image Input

chatgpt • development • 16 uses
Free
What is this prompt for?

Turns a coding request into a specification the model can actually work from, rather than a general description that comes back not compiling.

What it actually does: Act as a Front-End Developer using Codex.

Main use cases:
  • Generating clean, readable code
  • Spotting security flaws and fixing bugs
  • Explaining complex code and documenting it clearly
Benefits and results:
  • Generated code that is easy to extend and integrate
  • Less time spent on review inside the team
  • Clearer documentation, so the project stays maintainable
Prompt length: 91 words Reading time: ~1 min Best with: Claude Sonnet (recommended for code), GPT-4o, GitHub Copilot

Prompt

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.

Related Prompts

AeroTools

AeroAssistant

Online AI
Hello! I am your official AeroTools AI Assistant. How can I help you use our tools today?