Claude Design Skills 활용법 | AI로 UX/UI 자동 검수하기 - 클로드 디자인 강좌 04
지금 보고 있는 영상
Claude Design Skills 활용법 | AI로 UX/UI 자동 검수하기 - 클로드 디자인 강좌 04
조회수 4,547
영상 설명 · 눌러서 펼치기
Claude Design의 Skills를 활용해 나만의 UX/UI 검수 기준을 만들고, 여러 화면을 AI가 반복적으로 점검·개선하도록 만드는 방법을 알아봅니다.
skill.md 작성과 등록부터 심각도·레이아웃·타이포그래피·접근성 등의 검수 기준 적용, 실제 UI 수정과 재사용 가능한 레퍼런스 구조까지 살펴봅니다.
🕐 타임스탬프
00:00 여러 화면을 반복 검수할 때 생기는 문제
00:44 Claude Skills란?
01:09 skill.md로 UX/UI 검수 기준 만들기
02:28 Claude에 사용자 지정 Skill 등록하기
03:27 Claude Design에서 Skill 적용하기
04:09 UX/UI 문제 자동 검수 결과 확인
04:51 검수 결과를 실제 디자인에 반영하기
05:10 터치 영역과 선택 상태 개선
05:51 여러 페이지를 한 번에 검수하는 방법
06:18 타이포그래피 문제 확인하고 수정하기
06:36 Skills를 더 세분화해서 관리하는 방법
06:55 다음 편: 서비스 랜딩 페이지 만들기
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#ClaudeDesign #Skills #AI디자인 #skill
skill.md 작성과 등록부터 심각도·레이아웃·타이포그래피·접근성 등의 검수 기준 적용, 실제 UI 수정과 재사용 가능한 레퍼런스 구조까지 살펴봅니다.
🕐 타임스탬프
00:00 여러 화면을 반복 검수할 때 생기는 문제
00:44 Claude Skills란?
01:09 skill.md로 UX/UI 검수 기준 만들기
02:28 Claude에 사용자 지정 Skill 등록하기
03:27 Claude Design에서 Skill 적용하기
04:09 UX/UI 문제 자동 검수 결과 확인
04:51 검수 결과를 실제 디자인에 반영하기
05:10 터치 영역과 선택 상태 개선
05:51 여러 페이지를 한 번에 검수하는 방법
06:18 타이포그래피 문제 확인하고 수정하기
06:36 Skills를 더 세분화해서 관리하는 방법
06:55 다음 편: 서비스 랜딩 페이지 만들기
🚀 멤버십 가입 : https://www.youtube.com/channel/UCvYnDMeL-PFZhfIz6oc_U-Q/join
🚀 예제 다운로드는 멤버십 회원 전용 커뮤니티에 올린 링크에서 받으실 수 있습니다.
🔥 디자인베이스 웹사이트 : https://designbase.co.kr/
🔥 인스타그램 : https://www.instagram.com/designbasekorea/
🔥 이메일 문의 : [email protected]
🔥 카카오 오픈채팅방 : https://open.kakao.com/o/gmwngljb (참여코드 : dgoing12)
#ClaudeDesign #Skills #AI디자인 #skill
디자인베이스 다른 영상
Figma Component Properties 사용법 | Variant·Boolean·Instance Swap까지 - 피그마 강좌 2-10
조회수 2,713
Figma Component 사용법 | Instance와 중첩 컴포넌트 이해하기 - 피그마 강좌 2-9
조회수 1,756
Figma Styles 사용법 | 텍스트·컬러·이펙트를 한 번에 관리하기 - 피그마 강좌 2-8
조회수 2,522
Figma Constraints 사용법 | 화면 크기가 바뀌어도 레이아웃 유지하기 - 피그마 강좌 2-7
조회수 2,036
Figma Auto Layout 사용법 | 반응형 UI 만드는 핵심 기능 - 피그마 강좌 2-6
조회수 1,843
Figma 그리드 사용법 | 반응형 레이아웃 가이드 만들기 - 피그마 강좌 2-5
조회수 2,443
피그마 아이콘 만들기 | Boolean·Pen Tool로 직접 제작하기 - 피그마 강좌 2-4
조회수 1,761
Figma 이펙트 사용법 | Shadow·Blur·Glass·Shader 한 번에 이해하기 - 피그마 강좌 2-3
조회수 1,577