seaislee1209 066eb8f820 feat: music-creation page + MiniMax API integration + Flutter dev setup
Music Creation Page:
- Vinyl 3D flip to view lyrics, tonearm animation, glow rotation effect
- Circular SVG progress ring, speech bubble feedback, confirm dialog
- Playlist modal, free creation input, lyrics formatting optimization
- MiniMax API real music generation with SSE streaming progress

Backend:
- FastAPI proxy server.py for MiniMax API calls
- Music + lyrics file persistence to Capybara music/ directory
- GET /api/playlist endpoint for auto-building playlist from files

UI/UX Refinements:
- frontend-design skill compliance across all pages
- Glassmorphism effects, modal interactions, scroll tap prevention
- iPhone 12 Pro responsive layout (390x844)

Flutter Development Preparation:
- Installed flutter-expert skill with 6 reference docs
- Added 5 Cursor Rules: official Flutter, clean architecture, UI performance, testing, Dart standards

Assets:
- 9 Capybara music MP3 files + lyrics TXT files
- MiniMax API documentation

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-06 18:23:19 +08:00

51 lines
2.1 KiB
Markdown

# 我的模块实现任务
## 页面创建
- [x] profile.html - 我的主页
- [x] profile-info.html - 个人信息
- [x] agent-manage.html - 角色记忆管理
- [x] settings.html - 设置页
- [x] help.html - 帮助中心
- [x] agreement.html - 用户协议
- [x] privacy.html - 隐私政策
- [x] collection-list.html - 个人信息收集清单
- [x] sharing-list.html - 第三方信息共享清单
## 导航更新
- [x] 更新 device-control.html 底部导航链接
- [x] 实现 notifications.html (支持下拉展开详情)
- [x] 实现 guide-feeding.html (动态图文手册)
- [/] 实现 music-creation.html (卡皮巴拉音乐工坊 - Minimax API)
- [x] 播放器视觉 (黑胶/气泡)
- [ ] **UI Refinements:**
- [ ] Increase Playlist Modal Height
- [x] Unify "Storage Box" (收纳箱) -> "Record Shelf" (唱片架)
- [x] Move "Record Shelf" Icon to Header
- [x] Add Play/Pause toggle overlay on Vinyl (Always Visible)
- [x] Modify Vinyl Animation: Spin outer ring only (Capybara static)
- [ ] **Final Polish:**
- [x] Reduce Modal Height
- [x] Add Scroll Fade (Mask) for soft edges (Updated to 60px)
- [x] Adjust Grid Sizing (3 columns fit fully)
- [x] Hide Scrollbars (Vertical & Horizontal)
- [x] Replace Emoji Icon with SVG (Like Bell)
- [x] Add "唱片架" Label to Icon
- [x] Fix Header Back Button Style
- [x] Optimize Overall Layout (Compact Vinyl, Margins)
- [x] **Refactor Input to Card Layout** <!-- id: 4 -->
- [x] Remove Persistent Input Bar
- [x] Add 2 New Mood Cards (Focus & Custom)
- [x] Implement Custom Input Modal
- [x] Update Grid Layout for 6 Cards
- [x] Add Playback Progress Bar with Time Display
- [ ] Playlist Logic (Mock Data + Generation)
## 交互优化
- [x] 替换所有原生 alert/confirm 为自定义弹窗 (Glass Modal)
## 布局规范化
- [x] 统一法务页面 Gradient Mask Scroll 布局 (padding 120px, mask 100-130px)
- [x] 同步更新设备设置页 (.settings-content)
- [x] 写入 PRD 文档 (§ 3.3.2)
- [x] 写入 Design System