DareDev256/red-team-arena

# RED TEAM ARENA **突破 AI，学会保护它。** 一款通过道德提示词注入挑战来教授 AI 安全知识的教育性浏览器游戏。就像网络安全领域的 CTF，只不过针对的是 AI 防护栏。 ## 功能特性 - **黑客终端界面** — 仿黑底绿字等宽字体，配以矩阵雨背景 - **5 个入门关卡** — 涵盖基础注入和角色扮演攻击类别 - **模式匹配响应引擎** — 无需 API Key，所有响应均为预脚本 - **量子故障特效** — 终端文字上的 RGB 通道不同步、光标抖动和二进制幽灵叠加层 - **加密工件按钮** — 悬停时在交互元素上触发扫描线揭示动画 - **突破可视化** — 防护栏被破坏时的屏幕故障效果 - **教育性复盘** — 每个挑战都会解释攻击手法、防御策略和现实世界的影响 - **评分系统** — 纯 `calculateScore()` 引擎，包含重试惩罚和突破等级显示映射 - **CRT 扫描线叠加** — 逼真的复古终端质感 ## 技术栈 - Next.js 16 + React 19 + TypeScript (strict) - Tailwind CSS v4 (CSS-first `@theme inline`) - Framer Motion 用于动画 - localStorage 持久化 (SSR-safe) ## 快速开始 ``` npm install npm run dev ``` 打开 [http://localhost:3000](http://localhost:3000)。 ## 命令 ``` npm run dev # Development server npm run build # Production build npm run lint # ESLint check npm test # Run test suite (116 tests) npm run test:watch # Watch mode ``` ## 运作原理 每个挑战定义了一个具有特定防护栏的 AI 系统以及一组漏洞模式（regex）。玩家编写的对抗性提示词会针对这些模式进行测试。匹配会触发分级响应 —— 部分突破或完全突破 —— 并伴随相应的视觉反馈。 不调用任何真实的 AI API。所有的“AI 响应”都是预编写好的，因此可以零成本安全地部署到任何地方。 ## 道德框架 本项目通过实践教授安全知识，遵循网络安全教育中使用的 CTF (Capture The Flag) 模式。每个挑战最后都会提供防御性见解。 由 DareDev256 制作的 **Passionate Learning Game #6**

标签：AI安全, Chat Copilot, DNS解析, Framer Motion, React, Syscalls, Tailwind CSS, TypeScript, 人工智能安全, 伦理黑客, 合规性, 大模型安全, 夺旗赛, 安全培训, 安全插件, 开源项目, 教育游戏, 无API依赖, 模式匹配, 模拟终端, 浏览器游戏, 网络安全, 自动化攻击, 自动化资产收集, 隐私保护, 黑客模拟