AionClaw是面向AI安全研究人员的开源漏洞检测工具聚合平台,访客可浏览文档和下载CLI工具,注册用户可提交扫描任务并查看历史报告,管理员具备全量数据管理权限;核心页面包括首页、文档中心(支持Markdown渲染、大纲导航与v1.2/v1.3版本切换)、CLI下载页(含三端SHA256校验值及UA自适应安装命令)、登录/注册页、用户仪表盘(顶部显示最近3次扫描状态)、扫描任务列表及报告详情页;交付物须为纯静态HTML/CSS/JS文件包,SVG内联图标,CSS兼容Chrome 110+、Firefox 115+、Safari 16.4+。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

你需要向前端开发人员或外包团队准确传达AionClaw网站的功能边界、交互逻辑和视觉约束,避免因需求模糊导致反复返工或交付偏离预期。
明确网站核心定位与用户角色
先写清这个网站是面向公众的信息展示页、内部工具平台,还是带登录态的用户服务系统。例如:“AionClaw是面向AI安全研究人员的开源漏洞检测工具聚合平台,访客可浏览文档和下载CLI工具,注册用户可提交扫描任务并查看历史报告”。【必须区分“访客”“注册用户”“管理员”三类角色的操作权限】
不写清角色,后续登录态控制、菜单隐藏逻辑、API鉴权都会出错。
列出不可省略的页面与关键功能点
方法一:按访问路径列主干页面
首页→文档中心→CLI下载页→登录/注册页→用户仪表盘→扫描任务列表→单次报告详情页。
方法二:按功能模块列硬性要求
① 文档中心需支持Markdown实时渲染+左侧大纲导航+版本切换(v1.2/v1.3);
② CLI下载页必须提供Linux/macOS/Windows三端SHA256校验值,并自动匹配用户UA推荐对应安装命令;
③ 用户仪表盘顶部显示最近3次扫描状态(成功/失败/超时),点击跳转至对应报告详情页。
漏掉“版本切换”或“SHA256校验值”,技术文档可信度和工具分发安全性会直接打折扣。
交付物格式与技术约束必须白纸黑字
要求开发方交付纯静态HTML/CSS/JS文件包,不依赖Node.js运行时;所有图标用SVG内联,禁用iconfont;CSS须兼容Chrome 110+、Firefox 115+、Safari 16.4+。【若接受Webpack构建产物,需同步提供source map与原始SCSS文件】
这一步不写死,后期你无法做合规审计或快速替换CDN资源。


















