DareDev256/passion-learning-suite

# Passionate 学习套件 10 款基于 Web 的教育游戏，通过游戏玩法教授 Gen AI 概念和技术基础。每款游戏都是一个独立的 Next.js 16 应用，基于共享模板构建，拥有独特的机制、课程和主题。 [](https://github.com/DareDev256/passion-learning-suite) [](https://vercel.com) [](https://nextjs.org) ## AI 素养游戏 (6) | # | 游戏 | 仓库 | 在线演示 | 教学内容 | |---|------|------|------|-----------------| | 1 | **Prompt Craft** | [prompt-craft](https://github.com/DareDev256/prompt-craft) | [Play](https://prompt-craft-jet.vercel.app) | Prompt engineering —— 结构、约束、迭代优化 | | 2 | **Token Prophet** | [token-prophet](https://github.com/DareDev256/token-prophet) | [Play](https://token-prophet.vercel.app) | LLM 的思维方式 —— 下一个 token 预测、概率、上下文窗口 | | 3 | **Hallucination Hunter** | [hallucination-hunter](https://github.com/DareDev256/hallucination-hunter) | [Play](https://hallucination-hunter.vercel.app) | AI 输出评估 —— 发现事实错误、验证声明 | | 4 | **Bias Buster** | [bias-buster](https://github.com/DareDev256/bias-buster) | [Play](https://bias-buster-five.vercel.app) | AI 伦理 —— 检测和衡量不同人群间的偏见 | | 5 | **Tool Match** | [tool-match](https://github.com/DareDev256/tool-match) | [Play](https://tool-match-sable.vercel.app) | AI 工具选择 —— 将用户意图匹配到正确的模型/工具 | | 6 | **Red Team Arena** | [red-team-arena](https://github.com/DareDev256/red-team-arena) | [Play](https://red-team-arena.vercel.app) | AI 安全 —— 伦理 prompt 注入、越狱、防御 | ## 技术基础游戏 (4) | # | 游戏 | 仓库 | 在线演示 | 教学内容 | |---|------|------|------|-----------------| | 7 | **API Architect** | [api-architect](https://github.com/DareDev256/api-architect) | [Play](https://api-architect-gamma.vercel.app) | REST API 设计 —— 方法、端点、状态码、调试 | | 8 | **Netrunner** | [netrunner](https://github.com/DareDev256/netrunner) | [Play](https://netrunner-gilt.vercel.app) | 网络 —— OSI 层、子网划分、端口、故障排除 | | 9 | **CyberShield** | [cybershield](https://github.com/DareDev256/cybershield) | [Play](https://cybershield.vercel.app) | 网络安全 —— 威胁、防御、密码学、事件响应 | | 10 | **Circuit Prophet** | [circuit-prophet](https://github.com/DareDev256/circuit-prophet) | [Play](https://circuit-prophet.vercel.app) | 硬件与电子 —— 欧姆定律、逻辑门、CPU 架构 | ## 共享技术栈 - **Framework**: Next.js 16 + React 19 + TypeScript (strict) - **Styling**: Tailwind CSS v4 (`@theme inline`) - **Animation**: Framer Motion - **Font**: Press Start 2P (pixel aesthetic) - **Spaced Repetition**: ts-fsrs (FSRS-4.5) - **Persistence**: localStorage (SSR-safe, configurable game ID via `configureStorage()`) - **Testing**: Vitest (33 tests covering storage layer, all passing) - **Deployment**: Vercel (all 10 games live) ## 共享游戏系统 每个游戏都继承自 `template/` 目录： - **XP + Leveling** —— 每级 100 XP，附带延迟回忆奖励（1x/2x/3x 倍数） - **Daily Streak** —— 冻结系统（每 10 级获得 1 次冻结机会，最多 3 次） - **FSRS-4.5 Spaced Repetition** —— 科学支持的复习调度 - **Mastery Gates** —— Kumon 风格：最近 3 次尝试达到 90% 才能进阶 - **8-bit Sound Effects** —— Web Audio API 合成（无外部文件） - **CRT Overlay** —— 复古扫描线 + 霓虹光效 UI 主题 - **Accessibility** —— 符合 WCAG 2.2 AA 标准 - **Analytics** —— 留存追踪、掌握度指标、单题统计 ## 仓库结构 ``` passion-learning-suite/ ├── MASTER_SPEC.md # Full pedagogy + architecture specification ├── specs/ # Per-game design documents │ ├── 01-prompt-craft.md │ ├── 02-token-prophet.md │ ├── 03-hallucination-hunter.md │ ├── 04-bias-buster.md │ ├── 05-tool-match.md │ └── 06-red-team-arena.md └── template/ # Shared Next.js base template └── src/ ├── components/ # Game UI (Timer, VictoryScreen, etc.) ├── hooks/ # useProgress, useGameStats, useSoundEffects ├── lib/ # Storage layer (localStorage) ├── data/ # Curriculum data template └── types/ # Shared TypeScript types ``` 每个游戏都位于其独立的仓库中并独立部署。本仓库包含主规范、各游戏规格以及所有游戏以此为脚手架构建的共享模板。 ## 快速开始 从模板脚手架构建一个新游戏： ``` cp -r template/ ../my-new-game cd ../my-new-game npm install npm run dev ``` 然后配置你的游戏存储命名空间并自定义内容： ``` // src/app/layout.tsx or top-level init import { configureStorage } from "@/lib/storage"; configureStorage("my_game"); // namespaces all localStorage keys ``` 使用你的课程内容自定义 `src/data/`，并根据你的游戏机制自定义 `src/app/page.tsx`。 ## 许可证 MIT — [DareDev256](https://github.com/DareDev256)

标签：AI安全, AI教育, AI素养, Chat Copilot, Clair, DLL 劫持, DNS解析, FSRS算法, OSV, PWA, Vercel, 严肃游戏, 偏见检测, 可观察性, 大语言模型, 幻觉识别, 开源项目, 技术教程, 教育游戏, 文档安全, 游戏化学习, 生成式AI, 索引, 网络安全, 自动化攻击, 间隔重复, 隐私保护