Shiny 앱과 Quarto 문서에 일관된 브랜드(색상·폰트·로고)를 적용하는 _brand.yml 파일을 만들고 관리해 줍니다.
하나의 개념을 '진짜 문제 → 실패 → 전환 → 깨달음 → 명명' 서사로 엮어, 잡지 특집 같은 세로 롱폼 HTML 이미지로 만들어 주는 템플릿 스킬.
참조 UI 스크린샷에서 색상·타이포·컴포넌트 규칙을 추출해 디자인 시스템·PRD·구현 프롬프트까지 만들어 주는 스킬입니다.
Claude, GPT, Gemini 등 AI 모델·제공사 브랜드 아이콘의 CDN URL을 즉시 찾아주고 다운로드까지 도와주는 스킬.
레퍼런스 이미지와 스크립트 기반 팔레트 추출로 '전형적인 AI 티'가 나지 않는 UI를 설계·구현해 주는 디자인 워크플로 스킬.
아이디어나 글을 로컬 unDraw 일러스트와 매칭해 브랜드 색으로 리컬러한 고품질 SVG 한 장으로 만들어 줍니다.
매출 상위 모바일 앱의 실제 화면·플로우를 Appllama MCP로 조사해 그 결과로 앱 화면을 설계·개선하도록 돕는 스킬.
간단한 브리프만으로 접근성이 검증된 브랜드 디자인 토큰 시스템(라이트/다크 + theme.css)을 한 번에 만들어 줍니다.
React+Tailwind부터 SwiftUI·Flutter까지, 디자인 토큰과 접근성이 검증된 완성형 UI 컴포넌트 코드를 생성하는 스킬.
GSAP 같은 라이브러리 없이 최신 CSS만으로 스크롤 애니메이션, 페이지 전환, 팝오버 애니메이션을 구현하도록 돕는 스킬.
모션·접근성·색상 일관성·반응형·성능을 코드베이스 단위로 점검하고 심각도별로 리포트하는 출시 전 최종 체크리스트 스킬.
shadcn/ui 프로젝트에서 컴포넌트 추가·수정·스타일링을 CLI 기반 정석 워크플로로 처리하게 해주는 스킬.
닐슨 10대 사용성 휴리스틱과 모바일 UX 기준으로 화면을 점검하고 등급·우선순위별 개선안을 내놓는 스킬.
"더 촘촘하게", "더 굵게", "모서리 더 각지게" 같은 요청을 하나의 축에서 한 단계만 정확히 움직여 프로젝트 전체에 일관되게 적용하는 스킬.
버튼 라벨부터 에러 메시지·빈 상태·토스트까지, 친근하지만 정중한 톤의 UX 문구를 규칙에 맞춰 만들어 주는 스킬입니다.
게임 기획서를 플레이에 봉사하는 시각·청각 아트 디렉션 문서(ART_DIRECTION.md)로 변환해 주는 스킬입니다.
공개 웹사이트의 색상·폰트·간격 등 디자인 요소를 추출해 프로젝트용 토큰 파일을 만들어 준다.
동심원 라운딩, 광학 정렬, 그림자 계층, 아이콘 전환 등 UI 디테일을 정해진 수치대로 점검하고 수정안을 표로 리포트해주는 스킬.
UX 카피 작성부터 디자인 시스템 문서화, 접근성 감사, 개발자 핸드오프, 사용자 리서치 합성까지 6개 모드로 처리하는 디자인 종합 스킬.
막연한 취향을 여러 개의 비교 가능한 시각 시안으로 뽑아내 사용자가 직접 고르게 하는 디자인 방향 탐색 스킬.