클로드 디자인 3초 테스트 프롬프트, AI 티 줄이고 핵심만 살리기

클로드 디자인 3초 테스트는 완성된 화면을 3초만 보고 가장 중요한 메시지가 바로 보이는지 확인한 뒤, 그 기준으로 클로드에게 덜어 내기를 시키는 방법입니다. 이 글은 3초 테스트의 출처와 원칙, 작업 마지막에 넣는 복사용 프롬프트, 필수 정보를 지키는 문장, PPT에 적용하는 예, 같은 일을 명령어 하나로 하는 Impeccable 스킬까지 15단계로 정리합니다. 비싼 모델이 따로 필요하지 않고 프롬프트 한 번이면 시작할 수 있습니다.

고칠수록 이상해지는 AI 디자인, 원인은 묻힌 핵심

AI로 디자인하다 보면 비슷한 고민이 반복됩니다. 어딘가 밋밋하다, 고칠수록 더 이상해진다, 레퍼런스를 넣어도 결국 비슷하게 나온다. 많은 경우 AI가 디자인을 못 해서가 아니라 정작 중요한 정보가 다른 요소들 사이에 묻혀 있기 때문입니다.

"더 보이게 해 줘", "더 괜찮게 해 줘"를 거듭 요청하면 문제가 커지기 쉽습니다. AI는 고쳐 달라는 말을 새 요소를 더하라는 뜻으로 받아들이는 경향이 있어서, 요청할 때마다 장식과 강조가 하나씩 늘어나고 화면은 더 복잡해집니다. 예쁘게 만들려는 것 자체가 문제가 아니라, 무엇을 기준으로 고칠지 알려 주지 않는 것이 문제입니다.

클로드 디자인(Claude Design)은 Anthropic Labs가 2026년 4월에 내놓은 제품으로, 채팅으로 랜딩 페이지 시안, 슬라이드, 한 장짜리 자료 같은 시각 결과물을 만들고 다듬는 도구입니다. 2026년 10월 기준으로 무료(Free)를 포함한 Pro, Max, Team, Enterprise 모든 요금제에서 기본으로 켜져 있습니다. 이용 조건은 바뀔 수 있으니 공식 안내를 확인합니다.

3초 테스트란: 글랜스 테스트에서 온 기준

AI로 만든 홈페이지 하나를 3초 동안 보고 스스로 물어봅니다. "뭐가 가장 중요한지 바로 보이나?" 여러 요소가 한꺼번에 눈에 들어오고 핵심이 안 보인다면 고칠 대상입니다. 같은 페이지에 3초 테스트를 적용하면 서비스의 핵심 가치가 먼저 눈에 들어옵니다. 새 기능을 더해서가 아니라 몇 가지를 덜어 냈기 때문입니다.

이 개념은 프레젠테이션 컨설팅 회사 듀아르테(Duarte)의 낸시 듀아르테가 하버드 비즈니스 리뷰에 소개한 글랜스 테스트(Glance Test)에서 왔습니다. 처음 보는 사람도 약 3초 안에 슬라이드의 핵심 메시지를 이해할 수 있어야 한다는 기준입니다. 듀아르테는 슬라이드를 고속도로 옆 광고판에 비유합니다. 운전하다 잠깐 눈을 돌린 그 순간 메시지가 들어오지 않으면 그 광고판은 실패라는 뜻입니다.

이 기준은 PPT에만 해당하지 않습니다. 랜딩 페이지, 상세 페이지, 보고서처럼 AI가 만드는 시각 결과물 전부에 그대로 쓸 수 있습니다.

원칙: 더하지 말고 덜어 내기

좋은 디자인은 더하는 것이 아니라 빼는 것이라는 말이 있습니다. UI 디자인 책 『Refactoring UI』에는 "덜 강조해서 강조하라(Emphasize by de-emphasizing)"는 원칙이 나옵니다.

• 중요한 것을 더 키우려 애쓰지 말고 주변을 낮추면 핵심이 저절로 드러납니다.
• 모든 요소가 주목받으려고 다투면 결국 아무것도 눈에 띄지 않습니다.
• 모든 것을 없애라는 뜻은 아닙니다. 가장 중요한 것 하나를 살리고, 나머지는 그것을 돕도록 무게를 정리하라는 뜻입니다.

AI에게 시키는 요령: What은 내가, How는 AI가

글꼴부터 여백까지 하나하나 지정하는 방식은 피하는 편이 좋습니다. 전문 디자이너에게 일을 맡겨 놓고 버튼 위치부터 글꼴 크기까지 다 지시하면 더 좋은 배치를 찾을 기회가 줄어드는 것과 같습니다.

반대로 "더 괜찮게 해 줘"처럼 막연하게 말하면 AI는 무난한 평균으로 돌아갑니다. 그 사이가 3초 테스트가 노리는 지점입니다. 어떤 메시지를 전할지(What)는 사람이 정하고, 그것을 어떻게 보여 줄지(How)는 AI가 정하게 합니다.

따라 하기: 3초 테스트 15단계

준비물

• 클로드 디자인에서 만든 결과물 하나. 랜딩 페이지, PPT, 상세 페이지 등 무엇이든 됩니다.
• 클로드 계정. 2026년 10월 기준 클로드 디자인은 무료 요금제에서도 쓸 수 있고, 쓴 만큼 요금제 사용 한도에서 빠집니다. 요금은 자주 바뀌니 공식 안내를 확인합니다.
• (선택) 클로드 코드(Claude Code)나 커서(Cursor) 같은 개발 도구. 마지막 15단계(Impeccable)를 쓸 때만 필요합니다.

결과물을 고치기 전에 지금 버전을 따로 저장하거나 복제해 두면, 마음에 들지 않을 때 비교하고 되돌리기 편합니다.

현재 결과물을 3초 동안 보기

1단계. 만들어 둔 결과물 화면을 엽니다

• 확인: 제목, 이미지 등이 들어간 화면이 보입니다.

2단계. 화면을 3초 동안 봅니다

"하나, 둘, 셋"을 셉니다.

• 확인: 3초를 셌습니다.

3단계. 무엇이 가장 중요한지 바로 보이는지 묻습니다

• 확인: 여러 요소가 한꺼번에 들어와 핵심이 안 보이면 다음 단계로 갑니다. 판정이 애매하면 결과물을 처음 보는 동료에게 3초만 보여 주고 무엇이 기억나는지 물어봅니다.

3초 테스트 프롬프트 넣기

순서를 지킵니다. 3초 테스트는 작업 마지막에 한 번 넣습니다. 처음부터 넣으면 아직 채워지지 않은 정보까지 덜어 낼 수 있습니다.

4단계. 이 화면을 만든 목적을 정리합니다

랜딩 페이지라면 목적은 보통 고객에게 서비스 가치를 알리고 가입이나 구매를 끌어내는 것입니다.

• 확인: 목적을 한 문장으로 말할 수 있습니다.

5단계. 대화 입력창에 3초 테스트 프롬프트를 입력합니다

클로드 디자인 화면의 채팅 입력창에 아래 문장을 넣습니다.

이 디자인에 3초 테스트를 적용해 줘. 핵심 메시지 하나가 가장 먼저 보이게 하고 이를 방해하는 장식과 중복 요소는 줄이거나 빼줘.

• 확인: 입력창에 위 문장이 들어가 있습니다.

6단계. 프롬프트를 보냅니다

• 확인: 수정된 결과가 나옵니다.

7단계. 결과를 확인합니다

• 확인: 여기저기 흩어져 있던 정보가 하나의 메시지로 시선이 모이면 성공입니다. 2~3단계처럼 다시 3초를 세어 봅니다.

이 방법의 가장 큰 장점은 색이나 위치를 하나하나 지정하지 않고, 어떤 기준으로 고칠지만 알려 준다는 점입니다.

필수 정보가 사라지지 않게 하기

3초 테스트를 한다고 중요도가 낮은 부분을 무조건 다 지우면 안 됩니다. 업무용 보고서나 상세 페이지는 중요한 정보가 빠지면 바로 문제가 됩니다. 3초 테스트는 정보를 없애는 게 아니라 우선순위를 바꾸는 것입니다.

8단계. 빠지면 안 되는 정보가 있는지 확인합니다

가격, 연락처, 법적 고지, 핵심 수치처럼 지워지면 안 되는 항목을 먼저 적어 둡니다.

• 확인: 지워지면 안 되는 정보가 무엇인지 정해 뒀습니다.

9단계. 프롬프트에 필수 정보 유지 문장 한 줄을 추가합니다

5단계 프롬프트에 아래 한 줄을 덧붙입니다.

필수 정보는 지우지 말고 중요도에 맞게 강조 수준을 조정해 줘.

• 확인: 정보를 없애는 대신 강조 수준만 바뀐 결과가 나옵니다.

AI가 엉뚱한 것을 키울 때 목적 알려 주기

실무에서는 AI가 중요한 것을 잘못 고를 수 있습니다. 예를 들어 랜딩 페이지에서 가입 유도가 중요한데 엉뚱하게 기능 설명만 크게 만드는 경우입니다.

10단계. AI가 중요한 것을 잘못 골랐는지 확인합니다

• 확인: 잘못 커진 부분이 어디인지 알아봅니다.

11단계. 페이지 목표를 담은 프롬프트를 입력합니다

이 페이지의 목표는 방문자가 서비스의 장점을 이해하고 회원 가입하도록 만드는 거야. 이 목적에 맞춰서 3초 테스트를 적용해 줘.

• 확인: 입력창에 위 문장이 들어가 있습니다. 목표 문장은 내 페이지에 맞게 바꿉니다.

12단계. 프롬프트를 보냅니다

• 확인: 목적에 맞는 요소가 먼저 보이는 결과가 나옵니다. 목표를 하나 더 알려 주면 AI가 무엇을 먼저 보여 줘야 할지 훨씬 분명하게 판단합니다.

PPT에 적용하는 예

이 방법은 정보 밀도가 높은 PPT에서 특히 쓸모가 있습니다. 매출, 고객 수, 전환율, 유지율이 한 장에 잔뜩 들어간 실적 보고서를 예로 들어 봅니다.

13단계. 가장 먼저 보여야 할 사실 하나를 정합니다

예를 들어 "이번 분기에 매출이 크게 성장했다"가 핵심이라면 그 숫자가 가장 먼저 보여야 합니다.

• 확인: 보여 줄 사실이 하나로 정해졌습니다.

14단계. 3초 테스트 프롬프트를 적용합니다

5단계 프롬프트에 "핵심 메시지는 이번 분기 매출 성장률이야"처럼 13단계에서 정한 사실을 한 줄 덧붙여 보냅니다.

• 확인: 매출 성장률이 크게 보이고 나머지 지표는 그 근거로 정리됩니다. 중요한 수치를 빼지 않고도 전달력이 올라갑니다.

(선택) Impeccable로 한 번에 하기

매번 프롬프트를 쓰기 번거롭다면 이 과정을 명령어 하나로 묶어 둔 도구가 있습니다. Impeccable(임페커블)은 폴 바카우스(Paul Bakaus)가 공개한 무료 오픈소스 디자인 스킬(Apache 2.0 라이선스)로, Anthropic이 만든 공식 디자인 스킬 frontend-design에서 출발했습니다. 스킬은 AI에게 미리 넣어 두는 작업 설명서라고 보면 됩니다.

안에는 다듬기(polish), 점검하기(audit), 비평하기(critique) 같은 디자인 명령어가 20여 개 들어 있고, 3초 테스트와 맞는 것은 본질만 남기는 distill(디스틸)입니다. distill은 요소를 무조건 지우지 않고, 화면이 왜 복잡한지 원인을 찾고, 꼭 남길 핵심을 정하고, 무엇을 줄일지 계획을 세운 다음에 줄입니다.

설치는 프로젝트 폴더에서 터미널을 열고 아래 명령을 실행하는 방법이 공식 안내의 권장 방식입니다(Node.js가 설치돼 있어야 합니다).

npx impeccable install

클로드 코드에서는 /plugin marketplace add pbakaus/impeccable을 입력한 뒤 /plugin 목록에서 Impeccable을 설치하는 방법도 있습니다.

15단계. 개발 도구에서 distill 명령어를 씁니다

클로드 코드나 커서에서 화면 코드가 있는 프로젝트를 열고 아래처럼 입력합니다. 뒤에 고칠 부분을 붙이면 그 부분만 다룹니다(예: /impeccable distill header).

/impeccable distill

• 확인: 바로 지우지 않고 복잡한 원인, 남길 핵심, 줄일 계획을 먼저 보여 준 뒤 수정합니다.

Impeccable은 클로드 디자인 안에서 바로 쓰는 기능이 아니라 개발 도구용 스킬입니다. 처음 시작하는 사람은 앞의 프롬프트만으로도 충분합니다.

3초 테스트가 안 먹힐 때

• 고칠수록 화면이 복잡해진다면: "더 보이게, 더 괜찮게"라는 추가 요청 대신 3초 테스트 프롬프트를 씁니다.
• 필요한 정보까지 사라졌다면: "필수 정보는 지우지 말고 중요도에 맞게 강조 수준을 조정해 줘"를 덧붙입니다.
• AI가 엉뚱한 부분을 크게 보여 준다면: 페이지 목표를 문장으로 직접 알려 줍니다.
• 클로드 디자인에서 Impeccable이 안 된다면: 클로드 코드나 커서 같은 개발 도구에서 써야 합니다. 아니면 위 프롬프트로 대신합니다.
• 결과가 마음에 들지 않으면: 고치기 전에 저장해 둔 버전과 나란히 놓고 3초 테스트를 다시 해 봅니다.

3초 테스트는 AI 디자인을 점검하는 여러 기준 가운데 하나입니다. 효과는 결과물마다 다르니, 전후 화면을 나란히 놓고 직접 비교해 보는 것이 가장 확실합니다.