whatool 도구 안내 · AI 스킬
UI/UX Pro Max
웹·앱의 색·글꼴·배치와 쓰기 편한 화면 구성을 AI에게 안내합니다.
이 도구는 무엇을 하나요?
웹·앱의 색·글꼴·배치와 쓰기 편한 화면 구성을 AI에게 안내합니다.
어디에서 어떻게 쓰나요?
스킬은 AI에게 작업 순서와 주의사항을 알려 주는 안내서예요. 설치했다고 AI 사용량이 무료가 되지는 않습니다.
처음 시작하는 순서
- 제작자 안내에서 Claude 플러그인 또는 AI별 CLI 설치 경로를 고릅니다. CLI는 Node 환경, 검색 스크립트는 Python 환경을 살펴보세요.
- Codex 등 AI별 초기화 대상이 다릅니다. 기존 규칙·브랜드·화면은 보관하고 필요한 스킬만 추가합니다.
- 시험 화면의 글자 크기와 색 대비부터 검사하고 디자인 전체 변경은 따로 승인합니다.
무료로 어디까지 할 수 있나요?
공개 스킬과 별도 Premium 서비스·이미지 생성·AI 사용료는 구분해야 합니다. 공개 스킬 설치가 유료 자산 제공까지 포함하지 않습니다.
돈이 드는 부분은 따로 있어요
설치 파일·실행 AI·연결 서비스의 비용은 서로 다릅니다. 위 조건을 기준으로 사용할 기능과 계정 한도를 확인하세요.
어떤 자료를 읽거나 바꿀 수 있나요?
아래는 사용 전에 살펴볼 접근 범위입니다. 모두 필수 권한이라는 뜻은 아니며, 실제 허용 범위는 설치 설정과 계정에 따라 달라집니다.
- 프로젝트 화면·코드를 읽고 수정할 수 있습니다. 기존 브랜드 규칙을 우선하도록 요청하세요.
설명의 근거
공식·제작자 문서 확인: 2026-09-30. 기존 전체 안내 검수에 더해 2026-09-30 AI별 설치 경로와 준비 환경 내용을 공식 자료와 대조했습니다. 직접 설치·계정별 청구·전체 무료 한도 시험은 하지 않았습니다.
이럴 때 사용해요
- 디자인을 어디서부터 시작할지 막막할 때
- 개발 중인 화면의 색상·타이포·사용성을 함께 점검할 때
무엇을 준비하나요?
- 기존 화면과 사용자 목표
연결한 AI에게 요청하는 예시
현재 화면의 글자 크기와 대비 문제 세 가지만 찾고 코드는 아직 고치지 마.
어떤 결과가 나오나요?
- 디자인 개선안과 화면 코드
사용 장면을 설명하기 위해 작성한 예시이며, 실제 실행한 결과나 화면을 보장하는 설명은 아닙니다.
사용 전에 확인하세요
- 제작자 안내에서 Claude 플러그인 또는 AI별 CLI 설치 경로를 고릅니다. CLI는 Node 환경, 검색 스크립트는 Python 환경을 살펴보세요.
- Codex 등 AI별 초기화 대상이 다릅니다. 기존 규칙·브랜드·화면은 보관하고 필요한 스킬만 추가합니다.
- 시험 화면의 글자 크기와 색 대비부터 검사하고 디자인 전체 변경은 따로 승인합니다.
비용: 공개 스킬과 별도 Premium 서비스·이미지 생성·AI 사용료는 구분해야 합니다. 공개 스킬 설치가 유료 자산 제공까지 포함하지 않습니다.