iOS·macOS·watchOS·visionOS UI를 Apple 휴먼 인터페이스 가이드라인(Liquid Glass 포함) 기준으로 점검하고 설계해 주는 스킬.
코드·IaC·자연어 요청에서 편집 가능한 .drawio 다이어그램을 만들고, 동기화·검증·리뷰까지 처리하는 스킬.
WCAG의 POUR 원칙을 기준으로 UI의 접근성 문제를 진단하고 고치도록 Claude를 안내하는 스킬입니다.
디자인 철학을 먼저 정의하고 그것을 미술관급 포스터·아트워크 PDF/PNG로 구현해주는 공식 Anthropic 스킬입니다.
UI나 디자인을 WCAG 2.2 기준으로 점검해 우선순위가 매겨진 접근성 감사 보고서와 수정안을 만들어 주는 스킬.
WCAG 2.2 기준으로 웹 접근성을 점검하고 코드까지 고쳐주는 감사 스킬.
실행 중인 앱의 computed style을 읽어 디자인 토큰을 실제로 지켰는지 검증하는 스킬.
레퍼런스 디자인을 디자인 시스템·스타일·비주얼 이펙트 3차원 JSON으로 추출하고, 그 DNA로 새 페이지를 생성·검증해 주는 스킬.
Shiny 앱과 Quarto 문서에 일관된 브랜드(색상·폰트·로고)를 적용하는 _brand.yml 파일을 만들고 관리해 줍니다.
템플릿 같지 않은 고유한 시각적 정체성을 잡아 UI를 설계·구현하도록 Claude를 디자인 디렉터처럼 움직이게 하는 스킬.
하나의 개념을 '진짜 문제 → 실패 → 전환 → 깨달음 → 명명' 서사로 엮어, 잡지 특집 같은 세로 롱폼 HTML 이미지로 만들어 주는 템플릿 스킬.
레퍼런스 이미지와 스크립트 기반 팔레트 추출로 '전형적인 AI 티'가 나지 않는 UI를 설계·구현해 주는 디자인 워크플로 스킬.
아이디어나 글을 로컬 unDraw 일러스트와 매칭해 브랜드 색으로 리컬러한 고품질 SVG 한 장으로 만들어 줍니다.
참조 UI 스크린샷에서 색상·타이포·컴포넌트 규칙을 추출해 디자인 시스템·PRD·구현 프롬프트까지 만들어 주는 스킬입니다.
간단한 브리프만으로 접근성이 검증된 브랜드 디자인 토큰 시스템(라이트/다크 + theme.css)을 한 번에 만들어 줍니다.
React+Tailwind부터 SwiftUI·Flutter까지, 디자인 토큰과 접근성이 검증된 완성형 UI 컴포넌트 코드를 생성하는 스킬.
매출 상위 모바일 앱의 실제 화면·플로우를 Appllama MCP로 조사해 그 결과로 앱 화면을 설계·개선하도록 돕는 스킬.
GSAP 같은 라이브러리 없이 최신 CSS만으로 스크롤 애니메이션, 페이지 전환, 팝오버 애니메이션을 구현하도록 돕는 스킬.
"더 촘촘하게", "더 굵게", "모서리 더 각지게" 같은 요청을 하나의 축에서 한 단계만 정확히 움직여 프로젝트 전체에 일관되게 적용하는 스킬.
닐슨 10대 사용성 휴리스틱과 모바일 UX 기준으로 화면을 점검하고 등급·우선순위별 개선안을 내놓는 스킬.