Claude Code /design 스킬: 리서치 프리뷰가 하는 일

Anthropic의 34주차 다이제스트(2026년 8월 17일~21일)에서 리서치 프리뷰로 발표된 Claude Code의 /design 스킬은 브리프를 받아 편집 가능한 UI 아트보드 캔버스를 아티팩트로 게시해요. 그중 하나를 고르고, 손보고, Claude에게 구현하라고 말하면 돼요. CLI와 Claude Code Desktop에서 실행되고, v2.1.233 이상이 필요하며, Pro, Max, Team, Enterprise 플랜에서 사용할 수 있어요.¹ 아티팩트로 게시하기 때문에 아티팩트의 사전 조건도 그대로 적용돼요. 즉, Anthropic API에서 claude.ai 계정으로 로그인한 세션이어야 해요.⁵ 출시 시점의 공개 기록은 짧은 페이지 세 개(다이제스트, 스킬 자체의 설명, 다이제스트가 링크한 아티팩트 사용 가능 여부 페이지)가 전부라서, 첫 살펴보기도 짧게 끝나요. Anthropic이 말하는 스킬의 역할, 돌려받는 결과물, 요구 사항, 그리고 문서화된 범위가 어디서 끝나는지까지요. {.answer-block}

TL;DR

• 명령 하나에 캔버스 하나. /design <brief>를 실행하면 Claude가 여러 아트보드로 된 디자인 초안을 만들어 아티팩트로 게시하고, 작업이 끝나면 링크를 출력해요.¹
• 결과물은 두 단계. 계정에서 저장이 허용되면 비주얼 에디터와 함께 모두에게 새 버전을 게시하는 Save를 쓸 수 있고, 그 외에는 보기와 내보내기(PNG/PDF)만 가능한 미리보기를 받아요.²
• 최소 버전은 v2.1.233(2026년 8월 14일)이고, Pro, Max, Team, Enterprise 플랜에서 CLI 또는 Claude Code Desktop으로 써야 하며, 여기에 아티팩트 사전 조건이 더해져요. Anthropic API에서 claude.ai로 로그인하고, 조직에 CMEK, HIPAA, Zero Data Retention이 꺼져 있어야 해요.¹³⁵
• 프리뷰는 캔버스에서 멈춰요. 다이제스트에도 설명에도 플래그나 아트보드 제한은 나와 있지 않아요. 설명은 재시딩(re-seeding)을 허용하면서도 정의하지 않고, 기존 캔버스를 편집하는 곳으로는 게시된 Artifact를 지목해요.²⁴

/design 스킬은 무엇을 하나요?

Anthropic의 34주차 다이제스트는 이 스킬을 한 문단으로 설명해요. 이 스킬은 “Claude Design의 아트보드 워크플로를 아티팩트 위에 구축해 CLI와 Claude Code Desktop으로 가져옵니다. 브리프와 함께 실행하면 Claude가 UI를 위한 편집 가능한 아트보드 캔버스를 게시합니다. 하나를 고르고, 손본 다음, Claude에게 구현하게 하세요.”¹ 공개된 예시는 스펙이 아니라 제품 브리프예요.

> /design redesign the composer based on what people actually use it for

Claude는 게시된 캔버스 링크를 출력하고, 다이제스트의 카드에는 데모 영상이 삽입되어 있어요.¹ 캔버스를 열어 아트보드를 고른 뒤, Claude에게 어떤 옵션을 구현할지 말하면 돼요.¹ 스킬이 담당하는 건 첫 번째 단계뿐이고, 스킬 설명의 마지막 문장도 그렇게 밝히고 있어요. “캔버스를 생성하거나 재시딩할 때만 사용합니다. 기존 캔버스는 게시된 Artifact에서 편집합니다.”² 두 번째 단계는 아티팩트 안에서 일어나고, 세 번째는 코드베이스를 대상으로 하는 평범한 Claude Code 작업이에요.

제품 안에 포함된 스킬 설명이 동작 방식을 알려줘요. 결과물을 “Claude Design의 캔버스 에디터를 실행하는 Artifact로 게시되는 다중 아트보드 비주얼 디자인(Claude Code 안에 들어온 Claude Design의 초기 프리뷰)”이라고 부르고, “하나의 팬/줌 캔버스에 배치된 .dc.html 아트보드”로 초안이 만들어진다고 설명해요.² 한 번 실행하면 모든 아트보드가 캔버스 하나에 놓이고, 아트보드 하나하나가 .dc.html 파일이에요.

설명의 트리거 조항은 슬래시 명령을 직접 입력하지 않아도 된다는 뜻이기도 해요. “누군가 디자인, 목업, 와이어프레임, UI나 화면 디자인, 랜딩 페이지, 포스터, 전단지, 브로슈어, 배너, 카드, 원페이저, 또는 코드보다 손으로 직접 손보고 싶은 시각적 레이아웃을 원할 때” 이 스킬을 쓰라고 Claude에게 지시하기 때문에, 목업을 만들어 달라는 일상 언어 요청만으로도 /design이 저절로 호출될 수 있어요.²

무엇을 돌려받나요?

설명은 결과물을 계정에 따라 나눠요. 계정에서 저장이 허용되면 “모든 요소를 시각적으로 다듬을 수 있고(클릭해서 선택, 속성 패널, 인라인 텍스트 편집, 실행 취소/다시 실행), Save를 누르면 모두에게 새 버전이 게시됩니다.” 그렇지 않으면 “초안을 보고 내보내기(PNG/PDF)만 할 수 있는 미리보기를 받습니다.”²

설명은 앱 UI 너머까지 다뤄요. “UI 목업과 화면 흐름, 랜딩 페이지, 마케팅 및 소셜 그래픽, 인쇄물”을 나열하고, “포스터, 전단지, 브로슈어는 한 페이지짜리 아트보드로, 메모와 보고서는 하나로 이어지는 아트보드로” 만든다고 적혀 있어요.² 다이제스트의 예시는 UI지만, 이 넓은 목록 역시 Anthropic이 직접 밝힌 범위예요.

무엇이 필요한가요?

claude --version으로 설치된 빌드를 확인하세요. 다이제스트는 v2.1.234부터 v2.1.239까지의 기간을 다루지만, 요구 버전은 그보다 한 릴리스 앞으로 잡았어요.¹ 설치와 첫 세션 설정은 퀵스타트에서 다뤄요.

아티팩트 행들이 중요한 이유는 다이제스트가 이 스킬을 “아티팩트 위에 구축된” 것이라고 부르고, /design 카드의 “아티팩트를 사용할 수 있는 곳” 아래에 사용 가능 여부 페이지를 링크하기 때문이에요.¹ 그 페이지에서 Anthropic의 표현은 엄격해요. “아티팩트에는 아래의 모든 조건이 필요합니다. 하나라도 충족되지 않으면 Claude는 대신 로컬 HTML 파일을 작성하거나 게시할 수 없다고 말합니다.”⁵ API 키를 쓰는 세션이나 Amazon Bedrock, Google Cloud의 Agent Platform, Microsoft Foundry에서 실행되는 세션은 최소 버전을 충족해도 캔버스를 게시할 수 없어요.⁵ 같은 페이지는 Claude가 만드는 모든 아티팩트에 스타일을 입히는 별도의 내장 design 스킬(v2.1.182 이상)도 설명하는데, 이건 /design이 아니에요.⁵

프리뷰는 어디서 멈추나요?

이 세 페이지가 스킬 자체에 관한 공개 기록의 전부예요. Claude Design의 제품 페이지는 에디터를 설명하지 스킬을 설명하지 않아요. 추측하기보다는 빠진 부분을 나열하는 편을 택할게요.⁴

• 플래그나 옵션이 없어요. 다이제스트에는 /design 뒤에 문장이 이어지는 형태만 나와요. 아트보드 개수, 캔버스 크기, 기기 프레임, 출력 단계를 정하는 스위치는 다이제스트에도 설명에도 없어요.
• 아트보드 개수가 명시되지 않았어요. 다이제스트의 “편집 가능한 아트보드 캔버스”와 설명의 “다중 아트보드”가 주어진 수량 표현의 전부예요.
• 재시딩은 정의되지 않았어요. 설명은 “캔버스 재시딩”을 허용하면서도 재시딩에 무엇이 필요한지 말하지 않고, 기존 캔버스의 경로로는 “게시된 Artifact에서” 편집하는 것을 지목해요.²
• 저장 게이트에 대한 설명이 없어요. 설명은 “사용자 계정에서 저장이 활성화된 경우”라고만 말할 뿐, 어떤 계정이 해당하는지, 직접 실행해 보지 않고 확인할 방법이 있는지는 밝히지 않아요.² 아티팩트 페이지는 누가 게시할 수 있는지를 나열하지만, 같은 조건이 편집 단계에도 적용되는지는 언급되지 않아요.⁵
• 구현 과정에 대한 설명이 없어요. 다이제스트는 어떤 옵션을 구현할지 Claude에게 말하라고 하지만, 그 뒤 Claude가 .dc.html 아트보드를 읽는지, 아니면 사용자의 설명을 바탕으로 작업하는지는 말하지 않아요.¹

다이제스트는 이 스킬을 리서치 프리뷰로 표시하고 있으니, 위의 어느 것이든 예고 없이 바뀔 수 있어요.¹

34주차에는 또 무엇이 출시됐나요?

다이제스트에는 다른 주요 기능 두 가지도 함께 실려 있어요. Concise는 새 내장 출력 스타일(v2.1.237)이에요. Claude가 결과부터 말하고 서두를 생략하면서도 Default만큼 꼼꼼하게 작업하고, 오류 보고, 보안 경고, 파괴적 작업 확인은 그대로 완전하게 유지돼요. ~/.claude/settings.json에 "outputStyle": "Concise"를 설정하거나 /config에서 고른 뒤, /clear를 실행하거나 새 세션을 시작하면 돼요. Remote Control도 리서치 프리뷰를 벗어났어요. claude remote-control을 실행 중인 모든 기기가 Claude 모바일 앱의 Code 탭에 기기 카드로 나타나고, 탭하면 그곳에서 세션이 시작돼요.¹

FAQ

Claude Code의 /design 스킬은 무엇인가요?

브리프를 받아 여러 아트보드로 된 디자인 초안을 만들고, Claude Design의 캔버스 에디터를 실행하는 아티팩트로 게시하는 리서치 프리뷰 스킬이에요. 아트보드를 하나 고르고 Claude에게 구현을 요청하면 돼요.¹²

/design에는 어떤 Claude Code 버전이 필요한가요?

2026년 8월 14일에 릴리스된 v2.1.233 이상이 필요해요. claude --version을 실행해 확인하세요.¹³

어떤 플랜에서 /design을 쓸 수 있나요?

Pro, Max, Team, Enterprise 플랜에서 CLI와 Claude Code Desktop으로 쓸 수 있어요.¹

/design이 만든 아트보드를 편집할 수 있나요?

계정에서 저장이 허용되는 경우에만 가능해요. 그러면 클릭해서 선택, 속성 패널, 인라인 텍스트 편집, 실행 취소/다시 실행, 그리고 모두에게 새 버전을 게시하는 Save를 쓸 수 있어요. 그렇지 않으면 보기와 내보내기(PNG/PDF)만 가능한 미리보기를 받아요.²

/design은 API 키로, 또는 Bedrock, Google Cloud, Foundry에서 작동하나요?

문서상으로는 작동하지 않아요. 이 스킬은 아티팩트로 게시하는데, Anthropic의 아티팩트 페이지는 API 키, 게이트웨이 토큰, 클라우드 제공자 자격 증명을 쓰는 세션은 게시할 수 없고, Amazon Bedrock, Google Cloud의 Agent Platform, Microsoft Foundry에서는 아티팩트를 사용할 수 없다고 밝히고 있어요. Anthropic API에서 claude.ai 로그인이 필요해요. 아티팩트 페이지는 그 경우 Claude가 로컬 HTML 파일을 작성하거나 게시할 수 없다고 말한다고 하는데, /design이 둘 중 어느 쪽으로 동작하는지는 어느 출처에도 나와 있지 않아요.⁵

/design은 앱 UI 전용인가요?

아니요. 설명에는 랜딩 페이지, 마케팅 및 소셜 그래픽, 포스터, 전단지, 브로슈어 같은 인쇄물, 그리고 하나로 이어지는 아트보드로 만드는 메모와 보고서도 나열되어 있어요.²

핵심 정리

프로덕트 엔지니어라면: - 실제 화면을 대상으로 일상 언어로 목업을 요청해 보세요. 설명의 트리거 조항 덕분에 슬래시 명령을 입력하지 않아도 Claude가 그 요청만으로 스킬을 호출할 수 있어요.² - Anthropic의 예시처럼 브리프를 문장으로 쓰세요. 문서화된 예시는 문장 형태이고, 다이제스트에도 설명에도 플래그는 나와 있지 않아요.¹ - 어떤 아트보드를 골랐는지 직접 기록해 두세요. 선택한 뒤 Claude가 무엇을 읽는지는 다이제스트 어디에도 나와 있지 않아요.¹

디자이너라면: - 리뷰 라운드를 계획하기 전에 계정에서 저장이 허용되는지 확인하세요. 저장이 안 되면 캔버스는 보기와 내보내기만 가능해요.² - 한 페이지짜리 전단지나 소셜 그래픽도 UI 흐름과 나란히 시험해 볼 만해요. 둘 다 명시된 범위 안에 들어가요.²

팀 리드라면: - 팀 전체가 v2.1.233 이상인지, 그리고 아티팩트 사전 조건(claude.ai 로그인, Anthropic API, CMEK, HIPAA, Zero Data Retention 미사용)을 충족하는지 확인하고, 리서치 프리뷰 딱지가 붙어 있는 동안에는 스킬이 바뀔 수 있다고 예상하세요.¹³⁵ - 프로세스는 문서화된 세 단계만을 기준으로 세우세요. 플래그, 제한, 재시딩은 여전히 문서화되어 있지 않아요.⁴

아트보드가 만들어진 뒤에도 충족해야 할 인터랙션 원칙은 AI 에이전트 표면을 위한 디자인에서 다뤄요.