claude-design

Installation
SKILL.md

Claude Design 컨텍스트 이관 스킬 (v2)

현재 코드베이스를 분석해 디자인 컨텍스트 브리프를 합성하고, 그것을 claude.ai/design 에 전달해 디자인을 생성한 뒤, 결과 링크를 터미널에 클릭 가능한 OSC-8 하이퍼링크로 돌려준다. 이 문서는 설명서가 아니라 런타임 Claude가 그대로 따르는 실행 플레이북이다.

v2의 핵심: ① 코드베이스 → 디자인 컨텍스트 이관(스택/토큰/컴포넌트/라우트/실제 카피/에셋/ 레포 링크), ② 컨텍스트 깊이를 매 실행 선택(lean ↔ comprehensive), ③ 렌더 스크린샷 캡처 안 함(기존 이미지 에셋 업로드는 가능), ④ 풀오토 + 핸드오프 폴백(claude.ai/design 상호작용이 막히면 알려진 확장 충돌 버그로 보고 즉시 수동 전환).

스크립트 경로 규칙: 런타임 cwd 는 보통 사용자의 프로젝트 폴더다(스킬 폴더가 아님). STEP -1에서 현재 채널·scope의 스킬 위치를 CLAUDE_DESIGN_SKILL_DIR 절대경로로 한 번 해석한 뒤 모든 스크립트를 그 변수 아래에서 호출한다. --root 스캔 대상은 cwd ($PWD), 즉 분석할 프로젝트 폴더다.

Installs
10
GitHub Stars
459
First Seen
Jun 21, 2026
claude-design — kwakseongjae/oh-my-design