디자인·UI
화슈 디자인 (HTML 디자인 스튜디오)
HTML만으로 고품질 프로토타입·슬라이드·애니메이션·인포그래픽을 만들고, 항상 세 가지 시안을 먼저 제시하는 디자인 스킬.
Design Is — 디터 람스 10원칙 디자인 감사
UI/디자인을 디터 람스의 10가지 좋은 디자인 원칙으로 증거 기반 채점하고, 신규·개선·재설계 판정과 후속 기획 프롬프트까지 만들어 주는 스킬.
프론트엔드 디자인 라우터 (frontend)
UI 구현·리디자인·성능 감사 요청을 디자인 취향/브랜드/성능/디자인 운영 4개 룰셋으로 라우팅해, 시니어 디자이너 수준의 화면을 만들게 하는 스킬.
비주얼 QA (웹·터미널 UI 검증)
UI를 만들거나 수정한 뒤 스크린샷·터미널 캡처를 픽셀 단위로 비교하고 두 명의 독립 리뷰어를 병렬로 돌려 최종 합격/불합격을 내리는 시각 품질 검증 스킬.
프론트엔드 디자인 라우터
UI 구현·리디자인·성능 감사 요청을 4개 전문 룰셋으로 자동 라우팅해 시니어 디자이너 수준의 화면을 만들게 하는 프론트엔드 총괄 스킬.
프론트엔드 디자인 라우터
UI/UX 작업 시 취향 규칙·브랜드 디자인 시스템·성능 감사 규칙을 자동으로 골라 적용해 '평범한 AI 결과물'을 막아주는 프론트엔드 총괄 스킬.
Apple HIG 전문가
iOS·macOS·watchOS·visionOS UI를 Apple 휴먼 인터페이스 가이드라인(Liquid Glass 포함) 기준으로 점검하고 설계해 주는 스킬.
draw.io 아키텍처 스튜디오
코드·IaC·자연어 요청에서 편집 가능한 .drawio 다이어그램을 만들고, 동기화·검증·리뷰까지 처리하는 스킬.
로고 디자인 (Logo Design)
브랜드 브리프부터 SVG 로고 제작, 소형 사이즈 테스트, 프레젠테이션 보드, 파비콘·앱 아이콘 납품까지 시니어 아이덴티티 디자이너처럼 진행해 주는 스킬.
SeeCode 다이어그램 생성기
짧은 JSON 스펙만 쓰면 45종 다이어그램을 애니메이션 HTML과 SVG·PNG·MP4로 만들어 주는 스킬입니다.
Oil UI — 화면 설계·개선·평가 워크플로
웹·앱·관리자 화면의 디자인 방향 설정부터 구현, 실제 스크린샷 기반 독립 평가까지를 단계별로 강제하는 UI 디자인 워크플로 스킬.
접근성 (Accessibility)
WCAG의 POUR 원칙을 기준으로 UI의 접근성 문제를 진단하고 고치도록 Claude를 안내하는 스킬입니다.
리플리카 브랜드 (replica-brand)
복제한 앱에 고유한 이름·색상·로고 브리프·목소리를 입히고 원본의 흔적을 코드베이스에서 완전히 지워주는 리브랜딩 워크플로우.
replica-design — 클론용 디자인 시스템 재구축
스크린샷과 리콘 문서를 바탕으로 색 역할·타이포·간격 토큰과 컴포넌트 스펙을 만들고 WCAG 대비까지 검증해주는 스킬.
화수 디자인 철학 컨설턴트
요구사항을 파헤쳐 서로 다른 유파의 디자인 방향 3가지를 제안하고, 실제 시안 데모와 AI 프롬프트, 전문가 평가까지 제공하는 스킬.
디자인 비평 (critique)
완성된 UI를 별도 컨텍스트에서 렌더링·스크린샷하고, 시니어 디자이너 관점으로 '반려' 근거를 들이대는 적대적 디자인 리뷰 스킬.
데이터 대시보드 설계
애널리틱스 콘솔·트레이딩 터미널처럼 수치가 빽빽한 화면을, 토큰 기반 SVG 차트와 접근성 규칙으로 제대로 만들어주는 스킬.