diff --git a/ZhiXi_App/ai_assistant_workspace_v2/code.html b/ZhiXi_App/ai_assistant_workspace_v2/code.html new file mode 100644 index 0000000..ec61686 --- /dev/null +++ b/ZhiXi_App/ai_assistant_workspace_v2/code.html @@ -0,0 +1,282 @@ + + + + + +AI 助手 - 知习 + + + + + + + + + + +
+ +
+
+ +
+AI 助手 + + + 当前学习：认知心理学 · 记忆的编码与提取 + +
+
+ +
+ +
+ +
+
+auto_awesome +
+

准备好深入探索了吗？

+

针对「认知心理学 · 记忆的编码与提取」，我可以为你提供更深度的解析或测验。

+
+ +
+ +
+
+

关于“情境依存性记忆”，如果我在图书馆复习，考试时在教室，是不是会影响提取？

+
+
+ +
+
+colors_spark +
+
+
+

+ 这是一个非常经典的问题！是的，根据**情境依存性记忆 (Context-Dependent Memory)** 的原理，外部环境线索确实会影响记忆的提取。 +

+ +
+

核心机制

+

+ 当你编码（学习）信息时，周围的环境（如气味、光线、声音，甚至背景音乐）会一并被编码为提取线索。如果提取（考试）时的环境与编码时一致，这些线索能帮助你更容易地唤起记忆。这就是著名的“潜水员实验”所证明的。 +

+
+

+ 为了克服这种环境差异带来的影响，你可以尝试**多情境复习**，或者在脑海中**主动重构**学习时的情境。 +

+
+ +
+ + + +
+
+
+
+
+ +
+ +
+
+ + + + +
+
+ +
+ +
+ +
+
+ + +
+
+
+ + + + + \ No newline at end of file diff --git a/ZhiXi_App/ai_assistant_workspace_v2/screen.png b/ZhiXi_App/ai_assistant_workspace_v2/screen.png new file mode 100644 index 0000000..6e363a2 Binary files /dev/null and b/ZhiXi_App/ai_assistant_workspace_v2/screen.png differ diff --git a/ZhiXi_App/ai_learning_analysis_v2/code.html b/ZhiXi_App/ai_learning_analysis_v2/code.html new file mode 100644 index 0000000..e012743 --- /dev/null +++ b/ZhiXi_App/ai_learning_analysis_v2/code.html @@ -0,0 +1,306 @@ + + + + + +本次学习分析 + + + + + + + + + +
+
+ +
+

本次学习分析

+
+ +
+
+ +
+ +
+
+
+auto_awesome +AI Insight +
+

+ 你已经初步掌握了神经网络的基础架构，但在激活函数的作用上还有待加强。 +

+
+ +
+ +
+

掌握度

+
+ + + + + + + + + + + + + +
+85% +优秀 +
+
+
+ +
+
+update +

下一次复习建议

+
+
+
+

明天上午 10:00

+

根据艾宾浩斯遗忘曲线，此时复习效果最佳。

+
+
+
+ +
+ +
+
+
+check +
+

优势

+
+
    +
  • + + 概念回忆清晰 +
    • +
  • + + 架构逻辑准确 +
    • +
+
+ +
+
+
+priority_high +
+

薄弱点

+
+
    +
  • + + ReLU 与 Sigmoid 的差异理解 +
    • +
  • + + 反向传播推导细节 +
    • +
+
+
+ +
+
+lightbulb +

改进建议

+
+
+
+menu_book +
+

重读章节 4.2 (间隔复习)

+

深入理解激活函数的非线性特征，建议使用费曼技巧向自己解释。

+
+
+
+quiz +
+

尝试一次练习测验

+

通过 5 道针对性题目巩固记忆。

+
+
+
+
+
+ +
+ + +
+
+ + + \ No newline at end of file diff --git a/ZhiXi_App/ai_learning_analysis_v2/screen.png b/ZhiXi_App/ai_learning_analysis_v2/screen.png new file mode 100644 index 0000000..8353759 Binary files /dev/null and b/ZhiXi_App/ai_learning_analysis_v2/screen.png differ diff --git a/ZhiXi_App/ethereal_intelligence/DESIGN.md b/ZhiXi_App/ethereal_intelligence/DESIGN.md new file mode 100644 index 0000000..5a1408b --- /dev/null +++ b/ZhiXi_App/ethereal_intelligence/DESIGN.md @@ -0,0 +1,145 @@ +--- +name: Ethereal Intelligence +colors: + surface: '#f9f9fd' + surface-dim: '#d9dade' + surface-bright: '#f9f9fd' + surface-container-lowest: '#ffffff' + surface-container-low: '#f3f3f7' + surface-container: '#ededf1' + surface-container-high: '#e8e8ec' + surface-container-highest: '#e2e2e6' + on-surface: '#1a1c1f' + on-surface-variant: '#414751' + inverse-surface: '#2e3034' + inverse-on-surface: '#f0f0f4' + outline: '#717783' + outline-variant: '#c1c7d3' + surface-tint: '#0060ac' + primary: '#005da7' + on-primary: '#ffffff' + primary-container: '#2976c7' + on-primary-container: '#fdfcff' + inverse-primary: '#a4c9ff' + secondary: '#8135c5' + on-secondary: '#ffffff' + secondary-container: '#ba70ff' + on-secondary-container: '#440076' + tertiary: '#4648d4' + on-tertiary: '#ffffff' + tertiary-container: '#6063ee' + on-tertiary-container: '#fffbff' + error: '#ba1a1a' + on-error: '#ffffff' + error-container: '#ffdad6' + on-error-container: '#93000a' + primary-fixed: '#d4e3ff' + primary-fixed-dim: '#a4c9ff' + on-primary-fixed: '#001c39' + on-primary-fixed-variant: '#004883' + secondary-fixed: '#f0dbff' + secondary-fixed-dim: '#deb7ff' + on-secondary-fixed: '#2c0050' + on-secondary-fixed-variant: '#670fac' + tertiary-fixed: '#e1e0ff' + tertiary-fixed-dim: '#c0c1ff' + on-tertiary-fixed: '#07006c' + on-tertiary-fixed-variant: '#2f2ebe' + background: '#f9f9fd' + on-background: '#1a1c1f' + surface-variant: '#e2e2e6' +typography: + h1: + fontFamily: Manrope + fontSize: 34px + fontWeight: '700' + lineHeight: '1.2' + letterSpacing: -0.02em + h2: + fontFamily: Manrope + fontSize: 28px + fontWeight: '600' + lineHeight: '1.3' + letterSpacing: -0.01em + h3: + fontFamily: Manrope + fontSize: 22px + fontWeight: '600' + lineHeight: '1.3' + letterSpacing: '0' + body-lg: + fontFamily: Manrope + fontSize: 17px + fontWeight: '400' + lineHeight: '1.6' + letterSpacing: -0.01em + body-md: + fontFamily: Manrope + fontSize: 15px + fontWeight: '400' + lineHeight: '1.5' + letterSpacing: '0' + label-caps: + fontFamily: Manrope + fontSize: 12px + fontWeight: '600' + lineHeight: '1.0' + letterSpacing: 0.05em +rounded: + sm: 0.25rem + DEFAULT: 0.5rem + md: 0.75rem + lg: 1rem + xl: 1.5rem + full: 9999px +spacing: + base: 8px + xs: 4px + sm: 12px + md: 24px + lg: 40px + xl: 64px + container-margin: 20px + gutter: 16px +--- + +## Brand & Style +The brand personality is centered on "Enlightened Learning"—a synthesis of high-tech AI capabilities and human-centric intuition. This design system targets a young, intellectually curious demographic that values depth over speed. + +The visual style merges **Apple Minimalism** with **Futuristic Glassmorphism**. It prioritizes extreme "breathability" and a sense of calm focus. The UI should feel like a quiet, high-tech sanctuary for thought. Key attributes include high-blur translucency, expansive negative space, and a "light-as-air" depth model that avoids heavy physical metaphors in favor of ethereal, glowing digital surfaces. + +## Colors +The palette is anchored by a luminous off-white background to reduce eye strain and establish a premium feel. The primary and secondary colors are used sparingly for interactive elements and brand accents. + +To represent the "AI-first" nature of the product, use a signature gradient (the "AI Glow") for progress indicators, active states, and special AI-driven insights. Functional neutrals follow Apple’s grayscale hierarchy but use a slight blue tint in the shadows to maintain the cool, sophisticated atmosphere. + +## Typography +Manrope provides a modern, geometric clarity that feels more "tech-forward" than standard San Francisco while maintaining excellent legibility. + +The typographic hierarchy emphasizes whitespace through generous line heights (1.5x - 1.6x for body text). Headlines use slightly tighter tracking to feel "locked" and authoritative, while labels use expanded tracking for a premium, airy feel. Use "Ink-Black" (#1D1D1F) for primary text to ensure high contrast without the harshness of pure black. + +## Layout & Spacing +The layout follows a fluid, safe-area-driven model typical of iOS, but with significantly increased vertical margins to promote the "calm" atmosphere. + +A 4-column grid is used for mobile portrait views. Elements should never feel "packed." Use the `lg` (40px) and `xl` (64px) spacing units to separate major content sections, creating a sense of luxury and focus. Component internal padding should be generous, typically starting at `md` (24px) for cards and containers. + +## Elevation & Depth +This design system utilizes **Luminous Stratification** rather than traditional heavy shadows. + +- **The Base:** The #FBFBFF background acts as the canvas. +- **Glassmorphism:** AI-interaction zones and input fields use a high-saturation backdrop blur (20px-30px) with a 1px semi-transparent white border (0.1 opacity) to simulate frosted glass. +- **Gentle Shadows:** Floating cards use "Ambient Shadows"—extremely diffused (40px-60px blur), low-opacity (5%) shadows with a subtle tint of the primary blue to prevent a "dirty" look. +- **AI Glow:** The highest level of depth is reserved for active AI processes, which emit a soft, localized outer glow using the signature gradient. + +## Shapes +Shapes follow a "Squircle" logic to align with Apple’s hardware and software aesthetic. + +Standard components (buttons, small cards) use a 16px (1rem) radius. Larger container cards use a 24px (1.5rem) radius. Interactive inputs use a fully rounded "pill" shape or the 16px standard to maintain consistency. The goal is to avoid sharp corners entirely, reinforcing the "human-centric" and "soft" brand personality. + +## Components +- **Buttons:** Primary buttons use the AI Glow gradient with white text. Secondary buttons are glass-morphic with a 1px border. All buttons have a high-press scale effect (shrink to 0.96) for tactile feedback. +- **Input Fields:** These are the centerpiece of the "AI-first" experience. Use a high-blur glass background with a subtle inner shadow. Place the cursor/caret in the primary blue. +- **Cards:** Content is housed in "Floating Containers"—white or ultra-light gray backgrounds with the previously defined ambient shadows and no visible border. +- **Thin-Stroke Icons:** Use a consistent 1.5pt or 2pt stroke weight. Icons should be open-ended and minimalist, avoiding fills unless in an active state. +- **AI Learning Progress:** Use a custom "Liquid Trace" component—a thin, glowing gradient line that pulses gently as the user moves through deep-learning modules. +- **Chips/Tags:** Small, pill-shaped elements with light blue or violet tinted backgrounds (0.1 opacity) and matching colored text. \ No newline at end of file diff --git a/ZhiXi_App/knowledge_journey_v2/code.html b/ZhiXi_App/knowledge_journey_v2/code.html new file mode 100644 index 0000000..50e4479 --- /dev/null +++ b/ZhiXi_App/knowledge_journey_v2/code.html @@ -0,0 +1,275 @@ + + + + + +知习 - 知识库 + + + + + + + + + + +
+
+
+User profile avatar +
+

知习

+ +
+
+
+ +
+
+

知识库

+

探索您的学习路径与认知架构

+
+ +
+search + +
+
+ +
+
+ +
+
+
+当前焦点 +

认知心理学

+

深入理解人类心智的信息处理机制，掌握高效学习的底层逻辑。

+
+
+psychology +
+
+
+
+
+
+
+
+35% 完成 +
+
+
+ +
+

学习旅程

+
+ +
+
+ +
+
+
+check_circle +
+
+
+
+第 1 天 +主动回忆 +
+

认知基础：感知与模式识别

+
+
+ +
+
+ +
+
+target +
+
+
+
+
+第 2 天 • 当前 +检索练习 +
+

注意力机制：焦点与过滤

+

探讨选择性注意和分配性注意，理解多任务处理的神话与现实。

+ +
+
+
+ +
+
+
+lock +
+
+
+第 3 天 +

记忆模型：工作与长期记忆

+
+
+ +
+
+
+
+
+
+
+第 4 天 +

知识表征：心智模型

+
+
+
+
+
+
+ + + \ No newline at end of file diff --git a/ZhiXi_App/knowledge_journey_v2/screen.png b/ZhiXi_App/knowledge_journey_v2/screen.png new file mode 100644 index 0000000..bbab9e3 Binary files /dev/null and b/ZhiXi_App/knowledge_journey_v2/screen.png differ diff --git a/ZhiXi_App/learning_workspace_v2/code.html b/ZhiXi_App/learning_workspace_v2/code.html new file mode 100644 index 0000000..7cb0b99 --- /dev/null +++ b/ZhiXi_App/learning_workspace_v2/code.html @@ -0,0 +1,322 @@ + + + + + +ZhiXi - 学习 + + + + + + + + + + +
+
+ +

知习

+
+ +
+
+ +
+

学习

+

让每一次学习都进入闭环

+
+ +
+input 输入 +arrow_forward +output 输出 +arrow_forward +feedback 反馈 +arrow_forward +cycle 复习 +
+ +
+ +
+
+
+
+今日重点 + +timer 20 mins + +
+

认知心理学：记忆的编码与提取

+

进入知识内化的关键阶段，建议通过主动回忆来加强神经连接。

+
+
+ +
+
+ +
+
+psychiatry +
+

先试着用自己的话说出来

+

不要急着看答案，先回忆一次

+ +
+ +
+

+target 需要再巩固的地方 +

+
    +
  • +smart_toy +
    +

    ReLU vs Sigmoid difference

    +

    AI 诊断：在上次测验中概念混淆

    +
    +
    • +
+
+ +
+

+history_edu 今天适合复习 +

+
+ +
+
+

微观经济学基础

+
+trending_down 记忆曲线衰减预警 +
+
+ +
+ +
+
+

线性代数核心定理

+
+schedule 距上次复习 3 天 +
+
+ +
+
+
+
+
+ + + \ No newline at end of file diff --git a/ZhiXi_App/learning_workspace_v2/screen.png b/ZhiXi_App/learning_workspace_v2/screen.png new file mode 100644 index 0000000..36ab6f1 Binary files /dev/null and b/ZhiXi_App/learning_workspace_v2/screen.png differ diff --git a/ZhiXi_App/lesson_active_recall/code.html b/ZhiXi_App/lesson_active_recall/code.html new file mode 100644 index 0000000..15887f7 --- /dev/null +++ b/ZhiXi_App/lesson_active_recall/code.html @@ -0,0 +1,239 @@ + + + + + +知习 - 认知心理学 · 记忆 + + + + + + + + + + +
+ +
+

认知心理学 · 记忆

+
+ +
+
+ +
+
+

理解编码与提取

+
+ +
+

+flag + 本节目标 +

+
    +
  • +
    +

    区分记忆的三个主要阶段：编码、存储和提取。

    +
    • +
  • +
    +

    解释“深度加工”理论如何影响信息留存率。

    +
    • +
  • +
    +

    掌握至少两种利用上下文线索促进记忆提取的方法。

    +
    • +
+
+ +
+

+ 在认知心理学中，记忆通常被概念化为一个信息处理系统，类似于计算机。这个过程可以划分为三个基本且连续的阶段：编码（Encoding）、存储（Storage）和提取（Retrieval）。 +

+

+编码是将外部感官信息转化为大脑能够处理和存储的神经表征的过程。这就如同我们在键盘上输入文字，将其转化为计算机能识别的代码。编码的质量直接决定了后续记忆的牢固程度。 +

+ +
+
+lightbulb +核心概念 : 深度加工理论 (Levels of Processing) +
+

+ 由 Craik 和 Lockhart (1972) 提出，该理论认为信息的留存不仅仅取决于我们重复它的次数，更取决于我们加工它的“深度”。关注词语的含义（语义加工）比仅仅关注它的声音或外观能产生更强韧的记忆痕迹。 +

+
+

+ 当我们试图回想某事时，我们进入了提取阶段。提取是从记忆库中搜寻并唤起已存储信息的过程。提取的成功不仅依赖于信息是否完好地存储，还很大程度上依赖于是否存在合适的“提取线索”（Retrieval Cues）。 +

+
+
+
+ +
+
+

现在试着回忆一下

+

请不用翻看上面的内容，尝试用自己的话解释刚刚的知识点。

+
+ +
+ + +
+ +
+
+ +
+ + + +
+ +
+ +
+
+
+ \ No newline at end of file diff --git a/ZhiXi_App/lesson_active_recall/screen.png b/ZhiXi_App/lesson_active_recall/screen.png new file mode 100644 index 0000000..6b3a96b Binary files /dev/null and b/ZhiXi_App/lesson_active_recall/screen.png differ diff --git a/ZhiXi_App/my_learning_growth_profile/code.html b/ZhiXi_App/my_learning_growth_profile/code.html new file mode 100644 index 0000000..405a3b8 --- /dev/null +++ b/ZhiXi_App/my_learning_growth_profile/code.html @@ -0,0 +1,394 @@ + + + + + +ZhiXi - Profile & Settings + + + + + + + + + + +
+ + + + + + + + + + + + + + +
+ +
+
+
+
+person +
+
+
知习
+ +
+
+
+ +
+
+Profile Photo +
+

Alex Mercer

+

今天也在把知识变清楚

+
+ +
+
+
+local_fire_department +
+

14 天

+

Learning Streak

+
+
+
+calendar_month +
+

24 次

+

Studies this Month

+
+
+
+all_inclusive +
+

12 个

+

Closed Loops

+
+
+
+schedule +
+

128 hrs

+

Total Study

+
+
+ +
+
+
+

学习活跃图

+

过去 90 天，你的学习投入记录

+
+
+
+ +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+Less +
+
+
+
+
+
+
+More +
+
+ +

待巩固项

+
+
+
+
+

记忆曲线

+

认知心理学基础

+
+Pending +
+
+
+auto_awesome +

今晚复习一次，并尝试主动回忆

+
+
+ +
+
+
+
+

激活函数的作用

+

高级神经网络

+
+Added to Review +
+
+
+auto_awesome +

用一个例子解释它为什么必要

+
+
+ +
+
+ +

最近学习记录

+
+
+
+
+
+check_circle +
+
+

完成一次主动回忆

+

认知心理学 · 23 分钟

+
+
+
+
+analytics +
+
+

生成 AI 分析

+

神经网络基础

+
+
+
+
+history_edu +
+
+

复习了 2 个待巩固项

+

微积分速成

+
+
+
+
+
+ + + \ No newline at end of file diff --git a/ZhiXi_App/my_learning_growth_profile/screen.png b/ZhiXi_App/my_learning_growth_profile/screen.png new file mode 100644 index 0000000..6f17223 Binary files /dev/null and b/ZhiXi_App/my_learning_growth_profile/screen.png differ diff --git a/ZhiXi_App/zhixi_ai_home_v2/code.html b/ZhiXi_App/zhixi_ai_home_v2/code.html new file mode 100644 index 0000000..3eecf06 --- /dev/null +++ b/ZhiXi_App/zhixi_ai_home_v2/code.html @@ -0,0 +1,267 @@ + + + + + +知习 - AI-First Learning Home + + + + + + + + + +
+
+ +
+
+

知习

+

今天想把哪块知识变清楚？

+
+
+ +
+ +
+
+ +
+
+
+ + +
+ +
+
+ +
+ + + + +
+ +
+
+
+Current Learning +more_horiz +
+

认知心理学基础

+
+lightbulb +
+AI Suggestion +

建议今天先复习记忆编码部分

+
+
+
+
+
+ +
+ +
+ \ No newline at end of file diff --git a/ZhiXi_App/zhixi_ai_home_v2/screen.png b/ZhiXi_App/zhixi_ai_home_v2/screen.png new file mode 100644 index 0000000..6d784ed Binary files /dev/null and b/ZhiXi_App/zhixi_ai_home_v2/screen.png differ