taewoongheo
18 verified skills
apple-hig
Apple Human Interface Guidelines design rules for mobile apps. Color system, typography scale, spacing, component patterns, layout standards, and UI/UX pattern selection rules. Auto-load when doing any design, UI, styling, or planning work.
testing
code-quality
Frontend Fundamentals code quality rules — readability, predictability, cohesion, coupling. Surface-level polish rules (naming, constants, comparisons, side effects). Used in Phase 3 of /refactor (flat, single pass).
development
coding-standards
Expo React Native coding standards — TypeScript strict mode, component patterns, file organization, naming conventions, and anti-patterns. Auto-load when writing or reviewing code.
development
concept-mapping
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.
testing
interaction-design
Interaction & animation principles — fluidity philosophy, when to animate, easing/timing/spring rules, two-layer interaction system, haptic feedback, gesture quality, and practical tips. Auto-load when designing or specifying any motion, animation, or gesture behavior.
testing
jtbd
Jobs-to-be-Done framework for understanding why customers "hire" a product. Identifies functional, emotional, and social jobs + push/pull/anxiety/habit forces. Auto-load when validating ideas, planning features, or analyzing customer needs.
development
prfaq
Amazon Working Backwards PR/FAQ methodology. Write a press release before building to validate if the product story is compelling. Auto-load when validating ideas, defining value propositions, or aligning on product vision.
development
reanimated
React Native Reanimated 4 animation patterns, worklet rules, gesture handler integration, and performance best practices. Auto-load when writing animations, gestures, or motion code.
development
tdd-workflow
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.
development
.claude/skills/ui-ux-pro-max
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
ai-slop
AI-generated design anti-patterns — explicit DO NOT rules to prevent generic, template-like UI output.
testing
behavioral-psychology
Behavioral psychology principles for app design — commitment devices, loss aversion, motivation theory, embodied cognition, and retention psychology. Auto-load when designing user motivation, retention structures, or interaction mappings.
development
context-separation
Context separation (맥락 분리) — recursive decomposition of mixed concerns into single-context units. Covers execution path splitting, concept limits, hook isolation, discriminated unions, props drilling, providers, variants, React 19. Used in Phase 1 of /refactor (recursive structural changes).
development
expo-rn
Expo React Native development patterns — project structure, Expo Router, Supabase integration, EAS Build, and component architecture. Auto-load when building features or setting up project infrastructure.
development
planning
App architecture and implementation planning principles — screen structure, data models, phase breakdown, UI pattern decisions, and command recommendations. Auto-load when planning app features or architecture.
testing
react-performance
React re-render optimization and JavaScript performance patterns. 28 rules covering unnecessary re-renders, derived state, memoization, functional setState, Set/Map lookups, and RN critical rendering bugs. Auto-load when optimizing re-renders, fixing performance issues, or reviewing render-heavy components.
development
spatial-design
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.
testing
visual-hierarchy
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