SwiftUI iOS app showcase

把翻卡的仪式感、知识学习和 AI 对话做成一个原生 iOS 体验。

`showCard` 是一个基于 SwiftUI 的卡牌学习型 iOS 应用。它以“翻卡”作为核心交互入口,把名言内容、出处背景、收藏检索和 AI 深度解读串联起来,让轻量知识获取既有趣味,也有延展深度。

iOS SwiftUI Card Interaction AI Chat
60
LOCAL CARDS
2
MAIN TABS
AI
DEEP READING
MVVM
ARCHITECTURE
产品信号
🃏
点击翻卡,滑动切换下一张
主页不是列表,而是以卡牌堆和翻转手势为入口,强化原生 iOS 的触感体验。
🔖
收藏和搜索形成长期沉淀
用户可以按抽取时间收藏卡片,并通过内容或出处做实时模糊搜索。
💬
AI 对话从单张卡片继续延伸
从详情页一键进入 AI 深聊,把单次阅读延长成针对当前卡片的问答过程。

核心亮点

翻卡式入口
用卡牌堆、3D 翻转和左右滑动替代传统列表首页,让“学习”先从一个更有仪式感的动作开始。
📖
内容与背景并重
卡片正面负责呈现核心内容,详情页再补充出处、背景故事与更适合沉浸阅读的排版。
🔎
收藏后可检索
以收藏夹承接用户的长期积累,再结合实时搜索,把一次次抽到的内容变成可复用的个人知识库。
🧠
AI 深度解读
详情页不是终点,用户可以继续进入 AI 对话页,就当前卡片追问历史背景、思想内涵或现实意义。

用户流程

01
初次进入
通过 onboarding 介绍“滑动抽卡、收藏经典、AI 解读”三条主线,帮助用户快速理解玩法。
02
点击翻卡
主页点按卡牌即可触发翻面,看到当前卡片内容;左右滑动则顺势切换到下一张卡。
03
查看详情并收藏
点击卡片进入详情页,查看背景故事与出处,同时把有价值的卡牌加入个人收藏。
04
进入 AI 深聊
从详情页继续进入 AI 对话页,围绕当前卡牌发起更有上下文的问答式延展学习。

页面展示

Home / 抽卡
毛选的智慧 · Powered by Mao
“实践是检验真理的唯一标准。”
《实践论》
点击翻转卡牌 · 滑动浏览更多
Tap to Flip
Detail / 详情页
作者、出处、背景故事与下一步动作
“星星之火,可以燎原。”
作者:毛泽东
出处卡片 背景故事 沉浸阅读
通过更大的字号、更长的叙述空间和更清晰的留白,把单张卡片从“瞬时浏览”切换成“细读理解”。
收藏
AI 深度解读
交互重点
支持返回、收藏状态切换,以及从内容页继续跳到 AI 聊天页。
Favorites + AI Chat
收藏检索与问答延展
“没有调查,没有发言权。” 来源:《反对本本主义》
“虚心使人进步,骄傲使人落后。” 来源:党的八大开幕词
这是《实践论》中非常核心的一句话,你想先了解它提出的历史背景,还是它在今天的方法论意义?
它和“实践”在今天的学习方式有什么关系?
如果放到今天,它强调的是:不要停留在概念层面的知道,而要通过行动、验证和反馈形成真正可用的理解。
输入你的问题...
发送

设计侧重点

🍎
偏 iOS 的审美与交互
整体色板、玻璃感和圆角组件都更贴近原生 iOS 的观感,而不是套一层通用 Web 样式思路。
🎯
首页只做一件事
主页聚焦在“抽卡”这一个动作上,减少认知噪音,让核心体验更明确、更易上手。
🧷
轻学习也能有沉淀
收藏、搜索和详情页共同承担“回看”和“复习”的角色,避免内容只是短暂刷过。
🔁
从内容阅读延伸到对话
AI 模块不是单独入口,而是依附于具体卡片上下文,使问答更聚焦、更像真实学习追问。

技术实现

Frontend
SwiftUI + 原生 iOS 体验
通过 SwiftUI 搭建翻卡主页、详情页、收藏页与 AI 聊天页,适配 iPhone 主流机型与系统手势。
Architecture
MVVM
View 负责呈现,ViewModel 负责卡牌抽取、收藏状态和 AI 会话状态,整体职责边界清晰,便于继续扩展。
Data + AI
本地 JSON + 代理式 AI 服务
卡牌内容来自本地 `cards.json`,收藏与状态写入 `UserDefaults`,AI 能力则通过代理服务避免密钥暴露在客户端。