이미지 기반 웹페이지 수정 프롬프트
참조 이미지와 현재 프로젝트의 index.html을 넣으면, 이미지에서 읽은 디자인 요소를 HTML과 CSS에 반영하는 수정 방향을 받습니다.
| 분류 | 개발 › 코딩 |
|---|---|
| 태그 | 분석재작성개발자코드 |
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.
어떤 프롬프트인가
프런트엔드 화면을 이미지 기준으로 맞출 때 쓰기 좋다. 기존 기능 유지, 깔끔한 코드, 브라우저 호환성을 요구하지만 구체적인 검증 절차는 보이는 범위에 없다.
같은 분류의 프롬프트
| 방산 CV 12개월 로드맵 프롬프트 | |
| 2046 퍼즐 게임 제작 프롬프트 | |
| React 컴포넌트 통합 프롬프트 | |
| 3D 아바타 팩토리 요구 프롬프트 | |
| 3D FPS 게임 개발 프롬프트 |