좋은 웹 명령은 AI에게 그냥 “만들어줘”라고 하지 않고, 먼저 어떤 역할로 봐야 하는지 관점을 줍니다

역할을 주면 AI가 무엇을 먼저 중요하게 볼지 달라집니다. 교육 웹 디자이너로 시키면 첫 화면과 버튼을 보고, 정보 구조 설계자로 시키면 섹션 순서와 읽는 흐름을 먼저 보게 됩니다.

OpenAI 문서처럼 프롬프트 구조를 볼 때도, 역할은 요청의 방향을 먼저 정해 주는 첫 줄이 됩니다

좋은 요청은 단순히 예쁜 말을 늘어놓는 것이 아니라, 어떤 관점으로 보라는 기준을 먼저 줍니다. 역할은 그 기준을 가장 짧고 강하게 정리해 주는 방식입니다.

• 1역할이 있으면 AI가 어떤 눈으로 요청을 읽을지 분명해집니다.
• 2같은 웹페이지라도 디자인 우선인지 구조 우선인지 달라집니다.
• 3마지막 검사 기준도 역할에 따라 더 선명해집니다.

Framer 템플릿을 보면, 교육 웹 디자이너 역할은 첫 화면 인상과 타이포와 버튼 우선순위를 먼저 보는 관점이라는 걸 쉽게 느낄 수 있습니다

이 역할은 분위기와 첫 인상과 읽기 쉬운 제목에 강합니다. 모집 페이지나 수업 소개 페이지처럼 첫 화면의 힘이 중요한 웹에서 특히 잘 맞습니다.

Webflow 카드 구조를 보면, 정보 구조 설계자 역할은 예쁜 장식보다 읽는 순서와 섹션 흐름을 먼저 잡는 관점이라는 걸 알 수 있습니다

이 역할은 페이지가 위에서 아래로 어떻게 읽혀야 하는지 정리할 때 특히 강합니다. 첫 화면, 소개, 카드, 문의 순서가 맞는지 볼 때 아주 유용합니다.

• 1방문자가 처음에 무엇을 알아야 하는지부터 생각하게 합니다.
• 2설명 구역과 카드 구역의 순서가 자연스러운지 보게 합니다.
• 3문의 버튼이 어느 타이밍에 보여야 하는지도 함께 정리하게 합니다.

역할은 AI에게 직업 이름을 붙이는 장식이 아니라, 무엇을 먼저 보고 어떻게 판단할지 정해 주는 관점입니다

“웹페이지 만들어줘”보다 “초등학생 대상 교육 웹 디자이너처럼 봐줘”가 훨씬 강합니다. 역할이 있으면 AI가 디자인, 정보, 모바일 중 어디에 더 집중해야 하는지 방향이 생깁니다.

교육 웹 디자이너 역할을 주면, AI는 첫 화면의 제목과 설명과 버튼이 초심자에게 읽히는지 먼저 보게 됩니다

이 역할은 분위기와 첫 인상과 버튼 배치에 특히 강합니다. 수업 소개, 모집 페이지, 안내 페이지처럼 교육용 웹에서는 가장 자주 쓰기 좋은 역할입니다.

정보 구조 설계자 역할을 주면, AI는 예쁜 장식보다 섹션 순서와 읽는 흐름을 먼저 정리합니다

이 역할은 페이지가 무엇을 어떤 순서로 보여줘야 하는지 잡을 때 강합니다. 첫 화면, 소개, 특징 카드, 문의 순서가 맞는지 같은 문제를 정리할 때 특히 좋습니다.

• 1방문자가 처음에 무엇을 알아야 하는지부터 생각하게 합니다.
• 2설명 구역과 카드 구역이 어느 순서로 와야 하는지 정리하게 합니다.
• 3문의 버튼을 너무 이르거나 늦게 두지 않도록 흐름을 잡게 합니다.

반응형 점검자 역할을 주면, AI는 모바일에서 글자 겹침과 버튼 잘림과 카드 1열 정리를 먼저 보게 됩니다

이 역할은 마지막 단계에서 특히 강합니다. 데스크톱에서 멀쩡해 보여도 모바일에서 깨지는 경우가 많기 때문에, 별도의 점검자 역할을 주면 검수가 훨씬 정확해집니다.

역할은 많이 붙이는 것보다, 지금 단계에서 가장 필요한 관점 하나를 고르는 편이 더 강합니다

처음부터 디자이너, 개발자, 마케터, 점검자를 다 붙이면 오히려 범위가 흐려집니다. 첫 화면이면 교육 웹 디자이너, 구조 정리면 정보 구조 설계자처럼 하나씩 고르는 편이 좋습니다.

좋은 역할 요청은 역할 이름만 던지지 않고, 어떤 기준으로 봐야 하는지까지 함께 적습니다

역할과 대상과 현재 단계와 검사 기준이 함께 있어야 AI가 더 정확히 따라옵니다. 이 네 칸이 있어야 역할이 실제 요청으로 살아납니다.

“전문가처럼 해줘”는 약하지만, 어떤 역할로 무엇을 보라는지 말하면 AI의 결과 방향이 훨씬 선명해집니다

좋은 요청은 멋있는 직업 이름이 아니라, 그 역할이 실제로 무엇을 먼저 보게 할지까지 적습니다.

오늘의 실습: 내 페이지에 맞는 역할 한 가지를 고르고, 그 역할 기준으로 웹 요청 문장을 직접 써 봅니다

오늘의 결과는 역할 이름 하나와 그 역할이 볼 기준이 들어간 요청 한 문장입니다. 다음 수정 요청에서도 같은 역할을 이어서 다시 쓸 수 있습니다.

• 1교육 웹 디자이너, 정보 구조 설계자, 반응형 점검자 중 하나를 고릅니다.
• 2그 역할이 먼저 볼 것과 현재 범위와 검사 기준을 적습니다.
• 3마지막에 역할 포함 요청 문장 한 줄로 정리합니다.