shlokkokk/ShellStack

#  ## 概述 ShellStack 是一个视觉沉浸式的网络安全学习平台，专为渴望超越静态笔记的用户而打造。 它融合了： - 精选的 Kali Linux 工具目录 - 包含命令、参数标志、示例和引导式演练的深度工具详情弹窗 - 用于动态生成命令的交互式命令构建器 - 涵盖 20 个模块的 CEH 对齐学习内容 - 庞大且可搜索的命令速查表 - 终端风格的学习流程与充满动感的赛博 UI 最终打造出一个集学习概念、探索工具、并将知识快速转化为可用命令工作流于一体的单一环境。 ## 核心优势 | 系统 | 提供的功能 | | --- | --- | | `工具目录` | 浏览庞大的安全工具目录，支持排名搜索、分类筛选、命令预览和下钻详情视图。 | | `工具详情弹窗` | 无需离开页面即可探索命令、常用参数标志、使用场景、安装说明、示例、法律警告和战术指南。 | | `交互式命令构建器` | 通过表单输入实时生成参数化命令，并支持一键复制。 | | `CEH 模块浏览器` | 通过密集且可视化的学习界面浏览 20 个专注于 CEH 的学习模块。 | | `速查表控制台` | 在庞大的命令参考库中进行搜索，并快速复制高价值命令。 | | `终端体验` | 在一个旨在营造赛博作战控制台氛围（而非普通文档页面）的界面中学习。 | ## 产品涵盖范围 ``` 19 Tool Categories 20 CEH Modules 280+ Curated Security Tools 1000+ Command Entries 800+ Flag References 6 Core Route Experiences ``` ## 核心体验 ### `/` 首屏体验融合了电影般的视觉主图、Kali/Linux 基础概述以及精选工具发现，为用户开启探索平台的完美第一印象。 ### `/tools` 完整的安全工具目录，支持排名搜索、分类筛选、命令预览、战术应用提示以及完整的工具文档弹窗。 ### `/ceh` 面向 CEH 的模块浏览器，旨在支持结构化学习，而非扁平化阅读。 ### `/terminal` 实时风格的终端学习板块，通过命令和输出驱动的方式进行内容展示。 ### `/study` 以学习为导向的路径，将学习者与实用资源和引导式学习路线连接起来。 ### `/cheatsheet` 以命令优先的密集参考体验，支持可搜索分类、操作员风格的导航以及一键复制操作。 ## 功能亮点 ### 动态命令构建器 部分工具包含交互式构建器，能够将用户输入实时转化为可直接复制的命令。 - 文本、下拉选择和复选框驱动的参数 - 生成的输出预览 - 快速剪贴板工作流 - 直接内置于工具文档中 ### 深度工具文档 每个工具展示的内容远不止名称和几条命令。 - 核心命令 - 常用参数标志 - 使用时机指南 - 相关工具 - 安装说明 - 输出示例 - 实践案例 - 针对复杂工具的战术演练 ### 为发现而设计的搜索 工具搜索不仅仅是原始的字符串匹配。平台会对结果进行排名，使精确匹配、前缀匹配和高相关度匹配更容易被快速找到。 ### 具有明确目的的视觉系统 ShellStack 深度融入了赛博作战的视觉特征： - 终端界面 - 霓虹色调点缀 - 扫描线与 HUD 启发的氛围 - 密集但有条理的信息设计 - 用于引导方向而非制造干扰的动态效果 ## 技术栈 - React 19 - TypeScript - Vite - Tailwind CSS - GSAP - React Router - Lucide Icons - Radix UI primitives ## 项目结构 ``` app/ |- public/ |- src/ | |- components/ | |- data/ | | |- modules/ | | `- tools/ | |- pages/ | `- sections/ |- package.json `- README.md ``` ### 内容模型 - `src/data/tools/` 包含基于分类的安全工具数据集 - `src/data/modules/` 包含 CEH 学习模块 - `src/data/masterCheatSheet.ts` 为命令速查表体验提供支持 ## 页面与系统 - `主页 (Home)` 用于介绍、精选内容发现和 Kali/Linux 导航 - `工具目录 (Tools Directory)` 用于完整目录探索 - `工具详情弹窗 (Tool Detail Modal)` 用于多标签页深度探索 - `交互式命令构建器 (Interactive Command Builder)` 用于动态创建命令 - `速查表页面 (Cheat Sheet Page)` 用于命令检索和快速复制 - `实时终端 (Live Terminal)` 用于命令风格的学习展示 ## 理念 ShellStack 的设计围绕着一个简单的理念： 其 UI、信息密度和路由结构，全都是为了支撑这种体验感而构建的。 ## 负责任的使用 本项目仅用于授权的网络安全学习、实验操作和合乎道德的安全教育。 请仅在您拥有或获得明确授权进行测试的环境中，使用这些安全工具和命令。 ## 在线访问 **生产环境:** https://shell-stack.vercel.app/

标签：CEH学习, React, Syscalls, Vite, 云安全态势管理, 前端应用, 命令速查, 插件系统, 知识库安全, 自动化攻击