디자인·UI

매출 상위 모바일 앱의 실제 화면·플로우를 Appllama MCP로 조사해 그 결과로 앱 화면을 설계·개선하도록 돕는 스킬.

알고리즘 '철학 선언문'을 먼저 쓰고, 그것을 시드 기반 p5.js 인터랙티브 작품으로 구현해주는 제너레이티브 아트 스킬.

동심원 라운딩, 광학 정렬, 그림자 계층, 아이콘 전환 등 UI 디테일을 정해진 수치대로 점검하고 수정안을 표로 리포트해주는 스킬.

디자인 철학을 먼저 정의하고 그 철학을 한 장의 PDF/PNG 아트워크로 구현해주는 비주얼 디자인 스킬입니다.

흔한 'AI풍' 디자인을 피하고 개성 있는 프로덕션급 프론트엔드 코드를 만들도록 Claude를 안내하는 스킬.

UX 카피 작성부터 디자인 시스템 문서화, 접근성 감사, 개발자 핸드오프, 사용자 리서치 합성까지 6개 모드로 처리하는 디자인 종합 스킬.

막연한 취향을 여러 개의 비교 가능한 시각 시안으로 뽑아내 사용자가 직접 고르게 하는 디자인 방향 탐색 스킬.

게임 기획서(GAME_DESIGN.md)를 읽어 비주얼 원칙·카메라·색/광/재질·HUD·사운드까지 정의한 제작용 아트 디렉션 문서를 만들어 줍니다.

앱·관리자·게임 UI와 랜딩페이지 시안을 만들고, 시안이나 스크린샷을 HTML/CSS·기존 프론트엔드 프로젝트·위챗 미니프로그램으로 그대로 복원해 주는 스킬입니다.

공개 웹사이트의 색상·폰트·간격 등 디자인 요소를 추출해 프로젝트용 토큰 파일을 만들어 준다.

WCAG 2.2 AA 기준, ARIA 패턴, 키보드 내비게이션, 스크린리더 대응을 한 번에 점검하게 해주는 웹 접근성 레퍼런스 스킬입니다.

WCAG 2.2 기준으로 웹 접근성을 점검하고 위반 사항을 우선순위대로 개선하도록 돕는 스킬입니다.

Superdesign CLI를 통해 무한 캔버스에서 UI, 프레젠테이션, 포스터, 이미지·영상 에셋을 여러 AI 모델로 생성·비교하는 스킬입니다.

웹사이트의 접근성 결함을 찾아내고 WCAG 2.1 AA 기준에 맞게 고치도록 안내하는 스킬입니다.

한 장의 4×4 시트로 16개 아이콘을 한 번에 생성하고, 셀 분할과 배경 제거를 거쳐 투명 PNG 아이콘 세트를 만들어 줍니다.

텍스트·URL을 Claude/Anthropic 디자인 언어의 HTML 카드로 만들고 Playwright로 PNG까지 뽑아주는 스킬.

디자인 철학 선언문을 먼저 세우고 그 철학을 PDF/PNG 한 장의 예술 작품으로 표현해 주는 스킬.

여러 디자인 스킬이 만들어낸 컴포넌트를 검증·연결해 실제로 동작하는 React/Next.js·Python·Rust 프로젝트로 조립해주는 마무리 스킬.

고정된 디자인 시스템(다크+오렌지)으로 이벤트 커버·유튜브 썸네일·텔레그램 이미지를 HTML로 만들고 Playwright로 고화질 PNG로 뽑아주는 스킬.

웹 컴포넌트·페이지를 만들 때 '흔한 AI 디자인'을 피하고 확실한 미학적 방향을 가진 프로덕션 코드를 만들게 하는 스킬.