.claude/skills/concept-mapping/SKILL.md
Idea to app feature mapping principles — ecosystem decomposition, interaction classification (L1/L2), fidelity prioritization, and emotional journey design. Works for both metaphor-driven and solution-driven apps. Auto-load when mapping concepts to features.
npx skillsauth add taewoongheo/taste concept-mappingInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
아이디어 유형에 따라 매핑 접근이 다르다.
메타포/감각의 각 단계가 기능의 각 단계와 구조적으로 평행해야 한다.
메타포 요소 → 앱 화면/기능 → 핵심 경험(감정) → 인터랙션 유형
분해 기준:
매핑 품질 체크:
기능 흐름의 각 단계에서 마이크로 인터랙션으로 경험을 끌어올릴 기회를 찾는다.
기능 흐름 → 앱 화면 → 사용자 행동 → 인터랙션 기회
분해 기준:
매핑 품질 체크:
| 분류 | 정의 | 빼면? | 충실도 | |------|------|-------|--------| | L2-Core | 메타포의 핵심 경험 | 메타포 무너짐 | P0 | | L2-Support | 메타포 강화 요소 | 경험 약해지지만 작동 | P1 | | L1-Template | 메타포 무관 기본 품질 | 변화 없음 | P2 |
분류 기준:
| 분류 | 정의 | 빼면? | 충실도 | |------|------|-------|--------| | L2-Core | 해결 경험을 의미있게 끌어올리는 인터랙션 | 그냥 평범한 앱 | P0 | | L2-Support | 경험을 풍부하게 하는 인터랙션 | 약간 밋밋해짐 | P1 | | L1-Template | 기본 품질 인터랙션 | 변화 없음 | P2 |
분류 기준:
앱 사용 흐름의 각 단계에 감정을 설계:
진입(기대/설렘) → 시작(결심/긴장) → 진행(몰입/평온) → 완료(성취/뿌듯) → 축적(소유/자부)
| 우선순위 | 대상 | 기준 | |----------|------|------| | P0 | L2-Core + 감정 전환점 | 앱의 존재 이유 | | P1 | L2-Support + 축적 요소 | 경험 풍부화, 리텐션 | | P2 | L1-Template | 기본 품질만 확보 |
| 요소 | 질문 | |------|------| | 세션 결과물 | 한 번 사용 후 뭐가 남는가? | | 다양성 | 100번 써도 결과물이 다른가? | | 시각적 풍부함 | 쌓인 것을 보는 것만으로 뿌듯한가? | | 간소화 경로 | 100번째 사용자도 귀찮지 않은가? |
| | 외부 메타포 | 내부 증폭 | |---|---|---| | 매핑 대상 | 경험의 절차/제약 → 기능의 단계 | 물리적 속성 → 디지털 표현 | | 핵심 질문 | "이 제약이 행동을 바꾸는가?" | "이 감각이 복원되었는가?" | | L2-Core 기준 | 제약/행동 변화를 만드는 인터랙션 | 핵심 감각을 전달하는 인터랙션 | | 축적 | 메타포 세계의 확장 | 감각 결과물의 누적 |
development
Visual hierarchy verification — squint test, information density, primary action clarity, and empty state quality for mobile UI. Auto-load when doing design or layout work.
development
Comprehensive design guide for web and mobile applications. Contains 50+ styles, 97 color palettes, 57 font pairings, 99 UX guidelines, and 25 chart types.
development
TDD patterns for React Native — Jest setup, React Native Testing Library patterns, mock strategies, and what to test vs skip. Auto-load when writing or running tests.
testing
Spacing, layout, and spatial relationships — consistent scale, proximity grouping, optical alignment, and density control for mobile UI. Auto-load when doing design or layout work.