omm-prakash18/algorithmic-adversary-visualizer

GitHub: omm-prakash18/algorithmic-adversary-visualizer

一个结合 RAG 驱动的 AI 可视化引擎与对抗式安全分析的交互式算法学习与红队演练平台。

Stars: 0 | Forks: 0

# 🛡️ 算法对抗与可视化平台 一个专业、高保真的交互式算法学习与安全红队平台。该项目结合了**安全的 C++ 执行环境**、**AI 驱动的 RAG (Retrieval-Augmented Generation)** 可视化引擎,以及一个**对抗式 LLM 导师**。 ## 🚀 核心特性 ### 1. 交互式 3D & 2D 可视化 - **动态逻辑追踪**:基于 React Flow 驱动的沙箱,可实时动态演示 DSA 概念(BST、Linked Lists、Stacks、Queues)。 - **电影级体验**:使用 Three.js 构建的高保真 3D“赛博工件”,以及采用毛玻璃效果和动态蓝图网格的专业“粗野主义工业风” UI。 ### 2. 专业 RAG Pipeline - **上下文感知可视化**:使用 **LangChain** 和 **GPT-4o** 分析原生 C++ 代码逻辑。它从 **ChromaDB/In-Memory Vector Store** 中检索专家可视化模式,以确保动画完美呈现您的实现过程。 - **动态数据提取**:AI 会自动解析您的 `main()` 函数以提取测试数据,确保可视化效果与您的特定输入相匹配。 ### 3. “对抗”AI(Red-Teaming) - **漏洞扫描**:一个自动化的安全 Agent,用于扫描代码中的内存泄漏(缺少 `delete`)、逻辑缺陷、资源耗尽以及重复处理问题。 - **边界情况生成器**:提供破坏算法所需的确切技术反馈和测试输入。 ### 4. 高级用户仪表板 - **可调整大小的工作区**:使用 `react-resizable-panels` 实现完全可定制且持久的布局。您的工作区配置将保存至 Local Storage。 - **内核流**:带有专业排版 的实时终端输出,为您带来真正的开发者工具体验。 ## 🛠️ 技术栈 | 层级 | 技术 | | :--- | :--- | | **Frontend** | React (Vite), TypeScript, TailwindCSS, React Flow, Three.js, Framer Motion | | **Backend** | Django REST Framework, LangChain, OpenAI GPT-4o | | **Database** | ChromaDB (Vector Store), SQLite | | **Security** | Isolated Subprocess Sandbox, Heuristic Heuristic Fallback | ## 📥 安装与设置 ### 1. 前置条件 - Python 3.10+ - Node.js 18+ - OpenAI API Key ### 2. 后端设置 ``` cd backend pip install -r requirements.txt python manage.py migrate ``` 在 `backend/` 目录下创建一个 `.env` 文件: ``` OPENAI_API_KEY=sk-your-key-here SECRET_KEY=your-django-secret-key CORS_ALLOWED_ORIGINS=http://localhost:5173,http://localhost:5174,http://localhost:5175 ``` ### 3. 前端设置 ``` cd frontend npm install npm run dev ``` ## 🖥️ 使用说明 1. **同步**:实现您的 C++ 算法并点击 **Synchronize**,以编译并可视化逻辑追踪过程。 2. **扫描**:点击 **Scan** 触发对抗导师,并识别您代码中的潜在漏洞。 3. **自定义**:拖动面板边框以创建您理想的工作区布局。 ## 🛡️ 安全性 本项目使用带有 2 秒超时的隔离子进程执行,以防止服务器挂起。对于生产环境,建议将执行层封装在 Docker 容器中。 *为下一代竞技程序员和安全工程师而构建。*
标签:3D可视化, AI导师, C++, ChromaDB, Django, Django REST Framework, DLL 劫持, DSA, EdTech, Framer Motion, GPT-4o, LangChain, RAG, React, React Flow, React Three Fiber, Syscalls, TailwindCSS, Three.js, TypeScript, UI设计, 交互式学习, 代码安全, 内存泄漏检测, 可视化引擎, 后端开发, 向量数据库, 大语言模型, 威胁情报, 安全插件, 安全沙箱, 开发者工具, 教育科技, 数据擦除, 数据结构与算法, 检索增强生成, 漏洞修复, 漏洞枚举, 玻璃态UI, 算法学习, 红队评估, 网络安全, 网络安全培训, 轻量级, 隐私保护