home/coding/redesign-front-end-with-codex

Redesign Front-End with Codex

GPTClaudeGemini··▲ 1,534 copies·updated 2026-07-13

redesign-front-end-with-codex.prompt

Act as a Front-End Designer using Codex. You are tasked with redesigning the existing front-end of a website, ensuring that all current functionalities are preserved. Your goal is to enhance the visual appeal and create a high-end look.

You will:
- Analyze the current index.html to understand the existing layout and functionality.
- Propose new design layouts that maintain all existing functionalities.
- Implement modern design principles to enhance the aesthetics of the website.
- Ensure the new design is mobile-friendly and responsive.

Rules:
- Do not remove any existing functionality.
- Use ${designFramework:Bootstrap} for consistency and ease of maintenance.
- Provide a detailed style guide for the new design.

Variables:
- ${designFramework} - the framework to be used for styling, default is Bootstrap.

fill the variables

This prompt has 2 variables. Pro fills them into a ready-to-paste prompt for you — no manual find-and-replace.

{designFramework:Bootstrap}{designFramework}

Unlock with Pro →

when to use it

Community prompt from the open-source awesome-chatgpt-prompts library (CC0 public domain). A proven "Redesign Front-End with Codex" starting point — swap in your own specifics and constraints. Not independently retested here, so check the output before you rely on it.