>_ BuildaPrompt
STRUCTURED en

Redesign Front-End with Codex

Redesign Front-End with Codex — a ready-to-use structured/JSON prompt with customizable fields (designFramework) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.

How to use it

  1. Fill in designFramework below (or keep the suggested defaults).
  2. Copy the generated prompt.
  3. Paste it into ChatGPT, Claude, or your preferred AI assistant.

Pairs well with Ethereum Developer — try running them back to back.

Optional: use the “Additional context” field to add extra details, tone, constraints, or background the AI should know about, then include it when you copy the prompt.

Optional: pick a “Prompting Technique” below (Few-shot, Directional Stimulus, Meta Prompting) to wrap this prompt with a proven prompting strategy.

The base 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} 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.

Want it filled in and enhanced? Use the builder →

Related prompts

TEXT Dev

Ethereum Developer

Ethereum Developer — a ready-to-use text prompt for Development & Code. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT Dev

Linux Terminal

Linux Terminal — a ready-to-use text prompt with customizable fields (Your first command) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT

Job Interviewer

Job Interviewer — a ready-to-use text prompt with customizable fields (Position) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.

TEXT Dev

JavaScript Console

JavaScript Console — a ready-to-use text prompt with customizable fields (Your first command) for Development & Code. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.