AI 홈페이지
디자인 스킬 설치 가이드

frontend-design 스킬을 사용해 이 홈페이지의 디자인 방향을 먼저 제안해줘.
아직 코드는 수정하지 마.

---------------------------------------------

사이트: [어떤 서비스나 브랜드인지]
보는 사람: [주요 방문자]
가장 중요한 행동: [문의 / 예약 / 구매 / 작업물 보기]
원하는 분위기: [차분함 / 전문적 / 경쾌함 등]
유지할 것: [로고, 문구, 이미지, 기능]

폰트, 색상, 첫 화면 구성의 제안과 이유를 설명해줘.
이 사이트의 내용과 목적에 어떤 점이 맞는지도 알려줘.

frontend-design 스킬을 사용해 방금 고른 [방향 이름]으로 [수정할 페이지]를 구현해줘.
확인한 문구, 사진, 기능과 브랜드 조건은 유지해줘.
새 후기나 고객 실적은 만들지 마.
데스크톱과 모바일 화면을 확인하고 바꾼 부분과 이유를 알려줘.

design-taste-frontend 스킬로 [페이지 또는 첫 화면]을 검토해줘.
아직 코드는 수정하지 마.

---------------------------------------------

사이트와 보는 사람: [사이트 설명 / 주요 방문자]
원하는 분위기: [원하는 분위기]
유지할 것: [문구 / 사진 / 로고 / 기능]

비슷한 카드와 반복되는 구성이 내용에 맞는지 확인해줘.
디자인의 과감함, 움직임의 강도, 정보 밀도를 어떤 수준으로 잡을지
이유와 함께 제안하고 내가 고를 수 있게 해줘.

design-taste-frontend 스킬을 사용해 [수정할 페이지]를 다듬어줘.
먼저 아래 조건이 사이트 목적에 맞는지 설명하고, 맞지 않는 값은 제안해줘.

---------------------------------------------

DESIGN_VARIANCE: 5
MOTION_INTENSITY: 3
VISUAL_DENSITY: 3

문구·사진·기능을 유지하고, 불필요하게 반복된 구성만 정리해줘.
모든 요소에 움직임을 넣지 마.
완료 후 모바일 가독성과 버튼 동작을 확인해줘.

/impeccable init

/impeccable critique [검토할 페이지 또는 첫 화면]

아직 코드는 수정하지 마.
가장 먼저 보이는 정보, 글자 위계, 여백, 반복되는 구성의 문제를
이유와 함께 정리하고 우선 고칠 세 가지를 제안해줘.

/impeccable typeset [수정할 페이지 또는 영역]

문구와 기능은 유지하고 글자 크기, 굵기, 줄 길이와 줄 간격을 다듬어줘.
내 브랜드에서 지정한 폰트가 있다면 유지해줘.
데스크톱과 모바일에서 잘리거나 읽기 어려운 부분이 없는지 확인해줘.

/impeccable layout [수정할 페이지 또는 영역]

문구·사진·기능을 유지하고 요소 사이의 간격과 정렬을 다듬어줘.
제목과 설명, 설명과 버튼이 각각 한 묶음으로 읽히게 정리해줘.
바꾼 간격과 이유를 알려주고 모바일에서도 확인해줘.

/impeccable distill [수정할 페이지 또는 영역]

필수 정보와 문의·예약 등 주요 기능은 유지해줘.
불필요한 장식과 반복만 줄여줘.
내용이나 기능을 삭제해야 한다면 먼저 무엇을 왜 뺄지 제안해줘.

방금 수정한 화면을 확인해줘.

---------------------------------------------

1. 기존 문구·이미지·주요 기능이 유지됐는지
2. 데스크톱과 모바일에서 글자가 잘리거나 겹치지 않는지
3. 버튼과 링크가 실제로 동작하는지
4. 폰트·색상·간격이 페이지 안에서 일관적인지

가능하면 실제 화면을 열고 확인해줘.
직접 확인한 항목과 확인하지 못한 항목을 나눠 알려줘.
아직 배포하지 마.