← All creators

kjooncho

User

Motion & design judgment skills for Claude Code — distilled from the past 11 years of production UX motion work in an 18-year design career (motion-judgment, motion-guide, handoff, design-critique, ai-slop-detector, concept-gate)

7 indexed · 0 Featured · 0 stars · avg score 67
Prolific

Categories

Indexed Skills (7)

Web & Frontend Listed

motion-guide

디자인 완료 후 개발팀 공유용 인터랙션 가이드 문서를 생성하는 스킬. 화면 전환, 컴포넌트 애니메이션, Lottie 명세, 상태 인터랙션을 개발자가 바로 구현할 수 있는 수준의 스펙으로 정리한다. 다음 상황에서 활성화: "인터랙션 가이드 만들어줘", "개발팀에 넘길 모션 스펙 정리해줘", "애니메이션 스펙 문서화해줘", "Lottie 명세 작성해��", "motion-guide", "/motion-guide" — 디자인이 완료되고 개발 핸드오프 준비가 필요한 모든 맥락에서 활성화한다. Trigger in any language — e.g. "create an interaction guide", "document motion specs for developers", "Lottie spec", "インタラクションガイド作って", "開発チーム向けモーション仕様をまとめて".

0 Updated 1 months ago
kjooncho
Web & Frontend Listed

motion-judgment

UX 모션 디자이너 조경준(Kyoungjoon Cho)의 18년 경력 중 최근 11년 실무 아카이브에서 역검증된 모션 판단 원칙 20개로 판단하는 스킬. 모션·애니메이션·트랜지션·마이크로인터랙션을 설계/리뷰/구현할 때, 이징·duration·스프링 값을 정할 때, 모션 옵션·포맷·지면(랜딩vs인앱)을 결정할 때 활성화. "모션 만들어줘", "애니메이션 넣어줘", "이징 뭐 쓸까", "인터랙션 시안" 등 모든 모션 판단 맥락. Trigger in any language — e.g. "which easing should I use", "make this animation feel right", "motion spec review", "spring or ease?", "モーション作って", "イージングどれにする", "アニメーションの数値を決めて".

0 Updated 1 months ago
kjooncho
DevOps & Infrastructure Listed

scroll-sequencing

스크롤 구동 내러티브(릴·쇼케이스·케이스 스터디·3D 씬)의 시퀀싱 판단 레시피. 실제 제작 릴(30씬·클립 54)에서 역검증된 규칙 7개 — 가중치 비균등 타임라인, 구간 타입별 이징·스크럽 차등, 스크롤 직결 vs lerp 정착 이원화, 세그먼트 상태 파생, 히스테리시스 스왑, 프로브 내장 — 와 드라이버 독립 코어 스니펫. 스크롤 스토리텔링·스크럽 애니메이션·three.js/R3F 카메라 시퀀스를 설계·구현할 때 활성화. "스크롤 인터랙션 만들어줘", "스크럽이 밋밋해", "스크롤에 씬 전환 붙여줘" 등. Trigger in any language — e.g. "scroll-driven story", "scrub feels floaty", "sync scenes to scroll", "camera moves on scroll", "スクロール連動アニメ", "スクラブが物足りない".

0 Updated 1 months ago
kjooncho
Web & Frontend Listed

design-critique

스크린샷 또는 디자인을 받아 Nielsen 휴리스틱 10원칙 기반 비평을 한다. 심각도별 분류. Trigger in any language — e.g. "critique this design", "heuristic review of this screenshot", "このデザインを批評して", "ヒューリスティック評価して".

0 Updated 1 months ago
kjooncho
Web & Frontend Listed

handoff

Figma 또는 디자인 정보를 받아 개발자용 사양서를 생성한다. 엣지케이스 11종 + 토큰 + Analytics 이벤트 포함. Trigger in any language — e.g. "create a developer handoff spec", "edge case spec", "開発者向けの仕様書を作って", "ハンドオフ資料まとめて".

0 Updated 1 months ago
kjooncho
AI & Automation Listed

ai-slop-detector

UI 스크린샷을 받아 AI 평균치 신호를 검출하고 차별화 방향을 제안한다. Trigger in any language — e.g. "does this UI look AI-generated?", "detect generic AI design", "このUI、AIっぽくない?", "AIスロップ検出".

0 Updated 1 months ago
kjooncho
Web & Frontend Listed

concept-gate

아이디어 또는 design.md를 받아 문제 적합성과 빠진 사용자를 비평한다. 만들기 전 검증 게이트. Trigger in any language — e.g. "is this idea worth building?", "critique my concept before I build", "このアイデア、作る価値ある?", "コンセプト検証して".

0 Updated 1 months ago
kjooncho

Bio shown is the top-scored skill's repo description as a fallback — real GitHub bios land in a future update.