Page Lemon
한국어
무료로 시작

가이드

AI로 웹사이트를 만들고, 보기 좋게 다듬고, 공개하는 방법이에요. 복사해서 쓰는 프롬프트, 쉬운 원칙, 체크리스트는 Claude, ChatGPT 등 어떤 AI에서든 통해요.

처음이세요? 여기서 시작하세요

가이드 세 편을 이 순서대로 읽으면 채팅 속 파일에서 자랑스럽게 공유할 수 있는 사이트까지 갈 수 있어요.

  1. AI가 준 파일을 진짜 링크로 바꾸기왜 내 컴퓨터에서만 열리는지, 그리고 해결하는 방법.
  2. 디자인된 것처럼 보이는 사이트를 위한 프롬프트사이트를 만드는 동안 AI에게 줄 디자인 규칙.
  3. 공유하기 전에 확인하기빠른 확인 20가지, 또는 대부분을 대신 해 주는 프롬프트 하나.

AI 웹사이트 치트 시트

모든 규칙을 인쇄 가능한 한 페이지에 모으고, 작업별로 묶은 프롬프트 70개를 담았어요. 사이트 시작, 휴대폰 화면 고치기, 문구 다시 쓰기, 고장 난 것 고치기, 공개하기예요.

치트 시트 열기

온라인에 올리기

채팅 속 파일에서 누구나 열 수 있는 주소까지.

디자인

규칙을 분명히 말하면 AI가 매번 그대로 적용해요.

글쓰기

템플릿 같지 않고 나답게 들리는 문구.

공개와 안전

모든 사람에게 사이트가 잘 작동하게 하는 점검.

클라이언트와 일하기

다른 사람을 위해 사이트를 만드는 프리랜서를 위해.

초보자 대부분이 놓치는 팁

AI는 디자인 원칙을 알고 있지만, 원칙을 분명히 말해 줄수록 훨씬 일관되게 적용해요. “모던하게 만들어 줘”라고 하면 평균적인 웹사이트에 가까운 결과가 나와요. 위계, 간격, 대비, 모바일을 구체적으로 말하면 디자인된 것처럼 보이는 사이트가 나와요. 다음 프롬프트에 이걸 추가하세요.

모든 웹사이트 프롬프트에 추가

Design this like a senior product designer: clear visual hierarchy with one focal point per section, a consistent spacing scale, two fonts at most, text contrast of at least 4.5:1, mobile-first with 44 px tap targets, subtle motion that respects reduced-motion settings, and accessible to WCAG 2.2 AA. Before coding, ask me any questions you need, then describe the design direction in five bullets and wait for my OK. More details: pagelemon.com/guides/design-brief

공개할 준비가 됐나요?

웹사이트를 만든 AI 채팅에 내 사이트를 PageLemon.com에 공개해 줘를 붙여넣으세요.

무료로 시작이용 방법