# Onboarding UI Optimization (任务清单) ## Setup & Styles - [ ] 安装 `react-native-svg` (如果尚未安装,需确认) - [ ] 创建 `client/constants/OnboardingTheme.ts` 定义色值 - [ ] 创建 `client/components/onboarding/SerifText.tsx` - [ ] 创建 `client/components/onboarding/OnboardingLayout.tsx` (含 Skip 按钮) ## Components - [ ] 创建 `client/components/onboarding/NextButton.tsx` (渐变 + 箭头) - [ ] 创建 `client/components/onboarding/NameInputStep.tsx` - [ ] 创建 `client/components/onboarding/IntentSelectionStep.tsx` (含 Grid & Card) ## Integration - [ ] 修改 `client/app/(onboarding)/onboarding.tsx` 实现多步逻辑 - [ ] 调试并验证 iOS 模拟器显示效果 - [ ] 验证持久化存储逻辑