Ardian3D/SignalFold
GitHub: Ardian3D/SignalFold
SignalFold 是一个 AI 辅助的事件指挥中心前端项目，致力于将零散报告转化为结构化实时响应流程与可执行复盘，目前处于品牌与设计系统搭建阶段。
Stars: 0 | Forks: 0
# SignalFold
## 状态
**前端阶段 1 — 品牌基础与设计系统（已验证并完成）**
品牌基础和规范设计系统已实现，并根据 `PRD_SignalFold.md` 第 20 节进行了验证。所有规范的 UI 原语、品牌资产、本地字体、无障碍标准和单元测试均已到位。
## 技术栈
- **框架 / Runtime：** React 19 + Vite 6
- **语言：** TypeScript 5.8（已启用严格模式）
- **样式：** Tailwind CSS v4
- **本地字体：** `@fontsource-variable/sora`、`@fontsource-variable/inter`、`@fontsource/ibm-plex-mono`
- **路由：** React Router v7
- **服务端/远程状态：** TanStack Query v5
- **表单与验证：** React Hook Form + Zod
- **无障碍覆盖层：** Radix UI Dialog (`@radix-ui/react-dialog`)
- **图标：** Lucide React
- **测试：** Vitest + React Testing Library + jsdom
- **包管理器：** npm
## 关键路由
- `/setup` — 阶段 1 品牌基础与验证状态
- `/design-system` — 交互式设计系统展示与规范组件库
## 开发与验证脚本
### 类型检查
```
npm run typecheck
```
### Linting
```
npm run lint
```
### 运行测试
```
npm run test:run
```
### 生产构建
```
npm run build
```
## 品牌与设计系统原则
- **标语：** *将信号转化为行动。*
- **核心原则：** “喧嚣中的宁静”——专为运营事件指挥室构建的高对比度工业控件。
- **零外部网络字体请求：** 所有字体均在本地加载。
- **官方品牌资产：** `BrandLogo` 使用官方 PNG 图标组合；`BrandMark` 使用 favicon.ico。
标签：React, Syscalls, UI设计系统, Vite, 库, 应急响应, 自动化攻击, 运维管理