Codex 프론트엔드 리디자인 프롬프트
기존 index.html을 분석해 기능은 유지하면서 Bootstrap 기반으로 더 고급스럽고 반응형인 웹 프론트엔드를 리디자인하게 합니다.
| 분류 | 디자인 › 화면·제품 설계 |
|---|---|
| 태그 | 분석재작성개발자코드 |
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.어떤 프롬프트인가
웹사이트의 기존 기능을 보존한 채 시각 디자인을 개선할 때 쓰는 프롬프트다. Bootstrap 사용과 스타일 가이드 제공을 요구한다.
같은 분류의 프롬프트
| 7대7 축구 팀 앱 설계 프롬프트 | |
| 접근성 감사자 역할을 맡기는 프롬프트 | |
| 접근성 감사자 역할 프롬프트 | |
| 접근성 전문가 역할 프롬프트 | |
| 접근성 테스트 워크플로 프롬프트 |