Home › Prompts › Community › Modify Front-End Webpage with Codex and Image Input

Modify Front-End Webpage with Codex and Image Input

Any chat AIImage generationCommunity (CC0)

Note: Review and test before use. Provided as is, without warranty. See Terms.

Prompt

Download  
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.

How to use

More: all image generation prompts · all community prompts · prompt library

Related prompts

Brand style lock with --sref and --p

Generate on-brand images for a campaign by combining a style reference, style weight and your personalization profile.

MidjourneyImage generation

Cinematic film still with motivated lighting

A frame that looks pulled from a feature film, using lens, film stock and light-motivation language that V8.2 follows closely.

MidjourneyImage generation

Editorial product hero shot

A magazine-grade product hero image with controlled light and a clean set, tuned for V8.2's stronger prompt reading and HD mode.

MidjourneyImage generation

Isometric 3D diorama

A cute isometric miniature scene for landing pages, game concepts or blog headers, with clear camera and material instructions.

MidjourneyImage generation

Original character turnaround sheet (Niji 7)

An anime-style turnaround sheet for an original character, front, side and back on one canvas, for games, comics or VTuber concepts.

MidjourneyImage generation

Seamless repeating surface pattern

A tileable textile or wallpaper pattern using the --tile parameter, with palette and motif scale spelled out.

MidjourneyImage generation

Get new rules weekly

One email a week: fresh rule files, agent tips, and what's changing in Cursor, Claude Code and Copilot. Free, unsubscribe anytime.

Opens the Rulestack Newsletter on beehiiv in a new tab. Or subscribe directly on beehiiv.