# frontDesign

**Repository Path**: jarvisAdmin/frontDesign

## Basic Information

- **Project Name**: frontDesign
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-06-24
- **Last Updated**: 2026-06-24

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# frontDesign

React + Ant Design 的 UI 风格/主题演示项目。12 个组合：4 风格 × 3 主题。

## 快速开始

```bash
npm install
npm run dev
```

打开 http://localhost:5173/ 看效果。

## 路由

- `/` — 首页，12 个组合入口
- 4 风格：default（AntD 原生）/ glass（毛玻璃）/ shadcn（clean 极简）/ skeuomorphic（Bootstrap 3D 拟物）
- 3 主题：default（AntD 默认蓝）/ tech-blue（深蓝 `#2f54eb`）/ hermes-orange（爱马仕橙 `#F26E1F`）
- 路由模板：`/demo/{styleId}/{themeId}`，例如 `/demo/glass/hermes-orange`

## 架构

风格（Style）和主题（Theme）正交：
- 风格 = CSS 变量 + 根容器后代选择器（长相）
- 主题 = AntD ConfigProvider token（配色）

详见 `docs/superpowers/specs/2026-06-24-frontend-demo-design.md`。

## 扩展

加新主题：`src/styles/themes/` 加文件 + 更新 `registry.ts`。
加新风格：`src/styles/styles/` 加 CSS + 更新 `registry.ts`。
加新演示组件：`src/pages/Demo/components/` 加文件 + 在 `Demo/index.tsx` 引入。