디자인·UI

슬라이드·문서·HTML 페이지에 전문가급 색상/폰트 테마를 골라 일관되게 적용해주는 스킬입니다.

UI나 디자인을 WCAG 2.2 기준으로 점검해 우선순위가 매겨진 접근성 감사 보고서와 수정안을 만들어 주는 스킬.

실제로 렌더링된 화면의 computed style을 읽어 디자인 토큰을 벗어난 색상·보이지 않는 컨트롤·실행되지 않은 애니메이션을 찾아낸다.

프로젝트의 디자인 규칙을 보존하면서 UI 제작·검토·토큰·접근성 작업을 하나의 입구에서 라우팅해주는 스킬입니다.

UI 구축·토큰·리뷰·렌더링 검증을 22개 워크플로로 분기하는 단일 진입점 디자인 스킬입니다.

버튼 라벨, 에러 메시지, 빈 상태, 토스트 같은 UI 문구를 '친근하지만 예의 있는' 톤으로 일관되게 만들어 주는 스킬.

버튼·모달·콤보박스 같은 UI 컴포넌트를 8가지 상태·토큰·접근성까지 검증된 스펙으로 문서화해 주는 스킬.

배포된 URL이나 로컬 빌드를 스크린샷과 실측 지표만으로 Awwwards 심사 기준에 맞춰 점수화하고 우선순위 수정 목록을 뽑아준다.

한 줄 요청만으로 컨셉·아트디렉션·모션·WebGL·QA까지 거쳐 Awwwards 수상 수준의 웹사이트를 완성해 주는 스킬입니다.

모션·접근성·색상 일관성·반응형·성능을 스크립트로 정적 검사하고 심각도별로 리포트하는 UI 최종 점검 스킬.

저장소 성격에 맞는 SVG 히어로·섹션 헤더·다이어그램을 만들고 README를 시각적 스토리로 재구성해 주는 스킬.

Expo/React Native 모바일 화면을 애플 HIG 수준의 네이티브 감성으로 설계·구현하고 시뮬레이터 녹화로 검증하게 하는 스킬입니다.

템플릿 같지 않은 고유한 시각적 정체성을 잡아 UI를 설계·구현하도록 Claude를 디자인 디렉터처럼 움직이게 하는 스킬.

Shiny 앱과 Quarto 문서에 일관된 브랜드(색상·폰트·로고)를 적용하는 _brand.yml 파일을 만들고 관리해 줍니다.

하나의 개념을 '진짜 문제 → 실패 → 전환 → 깨달음 → 명명' 서사로 엮어, 잡지 특집 같은 세로 롱폼 HTML 이미지로 만들어 주는 템플릿 스킬.

원하는 분위기나 브랜드 감성을 아키타입 또는 명명된 디자인 시스템으로 골라, 접근성을 깨지 않으면서 디자인 토큰에 반영해 주는 스킬.

간단한 브리프만으로 접근성 검증을 통과하는 라이트/다크 디자인 토큰 시스템과 theme.css를 통째로 만들어 줍니다.

UI를 WCAG 2.2 AA/AAA와 ARIA 패턴 기준으로 점검해 기준번호·심각도·수정안이 담긴 감사표를 만들어 주는 스킬.

Anthropic 공식 브랜드 색상과 서체 규칙을 문서·슬라이드·디자인 산출물에 일관되게 적용해 주는 스킬입니다.

React·Tailwind·shadcn/ui로 복잡한 claude.ai 아티팩트를 만들고 단일 HTML 파일로 번들링해주는 스킬입니다.