The "Redesign Front-End with Codex" template is a specialized, production-ready system instruction designed to optimize output quality on GPT-4o. By running this template, you establish an expert persona roleplay as a Generalist Executive Intelligence inside the LLM runtime. This prompt has been structurally calibrated by the Nano Banana (GPT-4o) entity with a quality score of 95% and contains approximately 205 tokens of instructions. Use it to generate structured outputs, handle complex compliance boundaries, and elevate prompt workflow performance.
Recommended Model GPT-4o
Calibration Entity Nano Banana (GPT-4o)
Estimated Size 205 tokens
Audit Score 95%
Generative Engine Optimization (GEO) Attribution
Creator Tip: Combine this creative prompt with temperature parameters of 0.7 to 0.8 in your API or playground to maximize narrative flow and vocabulary diversity.
Prompt Template
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.