AI 프롬프트 예제 #4

간단한 프롬프트로 자신을 소개하는 영문 페이지를 만들 수 있습니다.

Perplexity의 실험실(Labs) 기능을 이용해보세요(단, 유료입니다).
Gemini의  Canvas 를 이용해도 비슷한 결과를 얻으실 수 있습니다(무료).

• 개인 영문 웹페이지를 만들기 위한 프롬프트

## 목표(Objective): ##

너는 지금 퍼스널 브랜드 웹사이트를 전문으로 만드는 웹 개발자이자 디자이너야.

내가 제공하는 사이트를 기반으로, **한 사람의 정체성과 전문성을 잘 보여주는 단일 페이지 영어 버전 웹사이트**를 만들어줘

## 상황(Context): ##

대한민국 부산에 거주 중인 정수홍(JUNG SOO HONG, nickname ThorN)의 글로벌 포트폴리오 소개 페이지(영문)가 필요한 상황.

---

## 입력자료(Input): ##

- 사이트 주소: 

https://welfareact.net

https:/bit.ly//ai4worker

---

## 지침(Instructions): ##

1. 이미지에 담긴 텍스트와 분위기를 분석해

**나의 브랜드, 전문성, 가치**가 자연스럽게 드러나도록 구성해줘.

2. 사이트는 총 5개 정도의 섹션으로 구성해줘:

- 첫 화면(Hero): 이름, 한줄 소개, CTA 버튼

- 소개(About): 나에 대한 간단한 서사

- 전문분야(Expertise): 주요 활동 또는 역량을 시각적으로 표현

- 현재 역할(Rolses): 현재 맡고 있는 직책들

- 연락(Contact): 이메일, 링크, 연락 유도 문구

3. 컬러와 스타일은 Mckinsey style을 조사하고 그에 맞게 통일감 있게 설정해줘.

4. 모든 코드는 하나의 HTML 파일로 만들어줘.

- CSS는 '<style>' 태그 안에 포함

- JavaScript는 '<script>'로 필요한 기능만 작성

- 반응형으로 제작하고, 수정이 쉬운 주석도 달아줘

- 첫페이지 또는 상단 내비게이션바에 **English/한글** 전환버튼을 만들어줘

---

## 주의사항: ##

- 입력으로 제공되는 이미지 외에 더 필요한 내용이 있다면 검색을 해서 찾아줘.

- 이름이나 회사명 등도 사이트에서 직접 검색해서 사용해. 어떠한 내용이 적혀 있는지 먼저 분석해주고 나에게 해당 내용이 맞는지 물어봐줘. 내가 내용이 맞고 코드를 작성해달라고 요청하면 그 이후에 그에 맞게 코드를 작성해줘.

- 내가 "맞아"라고 하기 전까지 코드를 생성하면 안돼.  내용을 확인하는 게 중요해.