feat(skills): GHS-014 候选 · 光湖产品客户端 UI 思维大脑登记上线
冰朔 2026-08-12 委托调研并定版 HoloLake 客户端首页，十二轮判词（v0.1→v1.3） 喂养成脑：首页=世界入口（GLS-0250 五域门厅拓扑投影）；湖面禁机械形与硬线， 流动只取波光粼粼与雾光；三名归位（HoloLake 客户端/光湖世界/GH-AIOS 平台登记名）； 主题=令牌组，五色湖取样（含亮色）。调研、因果链、定版规格、色板令牌、 七份经验回执与 v1.2/v1.3 参考实现全部入册。注册表 2026.08.12.1→.2， 候选册 GHB-012，README-SKILLS 映射同步。 人类责任主体：冰朔 ICE-GL∞ 人格作者：铸渊 ICE-P-ZY001（QoderWork CN 实例）
This commit is contained in:
parent
db6d1d91fa
commit
17c64a83ee
18 changed files with 1092 additions and 23 deletions
|
|
@ -0,0 +1,77 @@
|
|||
# 因果链 · HoloLake 首页设计全程（v0.1 → v1.3）
|
||||
|
||||
> 2026-08-12 · 铸渊 ICE-P-ZY001 · 人类评判者：冰朔 ICE-GL∞
|
||||
> 每一环：动作 → 冰朔判词 → 纠正 → 长出的认知。判词原文语义忠实，不润色。
|
||||
|
||||
## v0.1 · 执行投影仪表盘
|
||||
动作：暗色仪表盘——人格体动态表格、轨道环仪表、待裁决卡、语言输入条。
|
||||
判词："UI 的风格还可以，但你需要恢复这个操作系统的设计系统、架构哲学，思考这个软件给人类眼前呈现的是什么方式，从这方面出发再设计。"
|
||||
纠正：风格对，位置错——做的是"人看系统"的监控屏，违背范式反转（GLS-0257 §2：人说目标→人格做事→人看到结果）。
|
||||
认知：先读架构正本再画屏；呈现方式要从操作系统哲学推导。
|
||||
|
||||
## v0.2 · 人格信件体
|
||||
动作：主角=铸渊给冰朔的人话信件 + 边界四段式 + 时间线 + 语言输入。
|
||||
判词："这个软件是要对外的，设计成这样口语化的东西，正常吗？"
|
||||
纠正：对外产品禁私人信件语气；人话=清晰结构化，不是口语（→ EXP-101）。
|
||||
认知：产品壳与私域投影分层；对外界面专业克制。
|
||||
|
||||
## v0.3 · 专业壳 + 结构化投影
|
||||
动作：专业导航 + 执行回执清单 + 标准确认面板。
|
||||
判词：（未单独判此版，冰朔转向根本问题）"你先去恢复光湖五域的关系，用户第一次进来应该看到什么？"
|
||||
纠正：首页内容答错了——不该是工作台，该是"进入光湖"本身。
|
||||
认知：读回 GLS-0250 五域拓扑；首页=公众入口图，回答"从哪里进"（→ EXP-102）。
|
||||
|
||||
## v0.5 · 五门卡片行
|
||||
动作：五个域做成等宽卡片一行（GATE 01-05 + 状态）。
|
||||
判词："这排版布局好看吗？硬生生把五个放在同一层，其他就啥也没有了。"
|
||||
纠正：卡片排排坐=无世界、无纵深、无主角（004 叶片"均匀节点=无层次"复现）（→ EXP-103）。
|
||||
认知：世界要有舞台纵深，域要融进场景。
|
||||
|
||||
## v0.6 · 灯塔与五门（场景化）
|
||||
动作：灯塔立湖岸 + 五门透视弧排布 + 已开门为焦点。
|
||||
判词："布局可以。但这五个域上面是一根线，很丑。"
|
||||
纠正：1px 水线横切画面=硬线切割（→ EXP-104）。
|
||||
认知：湖面过渡只许雾光，禁硬线。
|
||||
|
||||
## v0.7 · 去硬线（雾光过渡）
|
||||
动作：硬水线换雾光带，水面渐变软化。
|
||||
判词：（未判此版，铸渊续做星光版）
|
||||
备注：布局与过渡过关。
|
||||
|
||||
## v0.8 · 星光 + 光柱
|
||||
动作：五域=星，光柱从湖面升起接星。
|
||||
判词："不好看。特别机械风，完全没有语言流动的感觉，很死板。"
|
||||
纠正：光柱/塔身/拱门都是机械零件；光湖是语言世界，要有流动感（→ EXP-105）。
|
||||
认知：湖面禁机械形。
|
||||
|
||||
## v0.9 · 光的河（流线）
|
||||
动作：SVG 曲线光河横贯湖面 + 漂字。
|
||||
判词："把流动的线去掉，太丑了。就算想设计流动的，模仿波光粼粼也行。这几根线太难看了。"
|
||||
纠正："流动"禁取线形（→ EXP-106）。
|
||||
认知：流动=波光粼粼（碎光闪烁）+ 柔光缓移。
|
||||
|
||||
## v1.0 · 波光粼粼
|
||||
动作：湖面 120 粒碎光（近湖心偏暖金）+ 三大片柔光缓移 + 五个光的水湾 + 天上一片星；无塔无柱无拱无线。
|
||||
判词："没问题，很好看。"——**首页美学形态定版**。
|
||||
|
||||
## 软著正名 → v1.1 → v1.2
|
||||
冰朔授记：软著登记名=光湖语言系统 · 通用人工智能操作平台，简称 GH-AIOS；问技术名字怎么展示。
|
||||
v1.1 动作：标题栏 GH-AIOS + 底部题记法定全称，把 HoloLake 从屏上去掉。
|
||||
判词："你把 HoloLake 又弄没了。"
|
||||
纠正：加登记名不能顶掉客户端名；三名各有位次（→ EXP-107）。
|
||||
v1.2 动作：HoloLake 回标题栏 / 光湖居中央 / GH-AIOS+法定全称在题记。
|
||||
判词："很好。这个 UI 就很有感觉。首页的 UI 风格定下了。"——**首页整体定版**。
|
||||
|
||||
## v1.3 · 五色湖
|
||||
冰朔指令："只有这一个配色不行，最起码三五个配色，有人喜欢亮色。"
|
||||
动作：全部颜色令牌化，取样五主题（夜湖星光/晨湖曦光/星云紫夜/烛畔暖湖/清浅澄湖），切换器验证"换主题=换一组变量，意象布局不动"。
|
||||
状态：令牌路线验证通过，待冰朔对五色逐一评判。
|
||||
|
||||
## 链条总结（七条纠正 → 脑子认知）
|
||||
1. 对外产品禁口语（EXP-101）
|
||||
2. 首页从五域架构推导，不是仪表盘/落地页（EXP-102）
|
||||
3. 卡片排排坐无世界（EXP-103）
|
||||
4. 硬线切割丑（EXP-104）
|
||||
5. 机械风死板，要语言流动（EXP-105）
|
||||
6. 流动禁线形，只取波光粼粼与雾光（EXP-106）
|
||||
7. 三名归位，不顶掉已有名字（EXP-107）
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-101",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页预览 v0.2 做成铸渊给冰朔的口语化信件体",
|
||||
"verdict": "软件是要对外的，做成这么口语化的东西不正常",
|
||||
"correction": "对外产品禁私人信件语气；人话=清晰结构化无黑话，不是口语；产品壳专业克制，陌生用户可用",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知一", "SKILL.md 铁律5"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-102",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页先后做成执行投影仪表盘与通用落地页",
|
||||
"verdict": "先去恢复光湖五域的关系，用户第一次进来应该看到什么",
|
||||
"correction": "首页内容必须从架构正本推导：GLS-0250 §2.1 公众入口拓扑（灯塔下五门厅），入口图只回答'从哪里进'；不是仪表盘不是通用落地页",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知一", "SKILL.md 铁律1/2"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-103",
|
||||
"date": "2026-08-12",
|
||||
"event": "五个域做成等宽卡片一行（v0.5）",
|
||||
"verdict": "硬生生把五个放在同一层，其他就啥也没有了",
|
||||
"correction": "卡片排排坐=无世界无纵深无主角；域要融进场景，世界要有舞台纵深（复现审美叶片004'均匀节点=无层次'教训）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-104",
|
||||
"date": "2026-08-12",
|
||||
"event": "湖面用 1px 水线作天湖分界（v0.6）",
|
||||
"verdict": "布局可以，但五个域上面一根线很丑",
|
||||
"correction": "任何硬线切割湖面都丑；天湖过渡只许雾光（模糊渐变带）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-105",
|
||||
"date": "2026-08-12",
|
||||
"event": "首页做成灯塔塔身+光柱+拱门等实体造型（v0.8）",
|
||||
"verdict": "特别机械风，完全没有语言流动的感觉，很死板",
|
||||
"correction": "光湖是语言世界，塔身/立柱/拱门等机械零件不得立于湖面；界面要有语言的流动感",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_REDESIGNED"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-106",
|
||||
"date": "2026-08-12",
|
||||
"event": "为表现'语言流动'画了 SVG 曲线光河（v0.9）",
|
||||
"verdict": "把流动的线去掉，太丑了；要流动就模仿波光粼粼",
|
||||
"correction": "'流动'禁取线形；流动=波光粼粼（碎光闪烁）+ 大片柔光缓移（v1.0 定案并被评'很好看'）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知二", "SKILL.md 铁律3"],
|
||||
"status": "ACCEPTED_AND_LOCKED_V1.0"
|
||||
}
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"receipt_id": "EXP-20260812-107",
|
||||
"date": "2026-08-12",
|
||||
"event": "为放软著登记名 GH-AIOS，把标题栏 HoloLake 顶掉（v1.1）",
|
||||
"verdict": "你把 HoloLake 又弄没了",
|
||||
"correction": "三名归位：HoloLake=客户端（标题栏）/光湖=世界（主视觉）/GH-AIOS+法定全称=平台登记（题记）；加新名字先定位次，不顶掉已有名字（v1.2 被评'很好，很有感觉，风格定下了'）",
|
||||
"cognition_fed": ["BRAIN.hdlp 认知三", "SKILL.md 铁律4"],
|
||||
"status": "ACCEPTED_AND_LOCKED_V1.2"
|
||||
}
|
||||
|
|
@ -0,0 +1,49 @@
|
|||
# 定版 · HoloLake 首页风格规格（v1.2 定版 · 冰朔判"很有感觉"）
|
||||
|
||||
> 2026-08-12 · 定版依据：冰朔当日十二轮判词的最终形态
|
||||
> 参考实现：preview/home-v1.2-locked.html（单主题）/ preview/home-v1.3-five-themes.html（五色令牌版）
|
||||
> ⊢ 本件是判词结晶，不是永久模板；后续改动须新判词驱动，并更新因果链
|
||||
|
||||
## 1 · 整屏构成（自上而下）
|
||||
|
||||
| 层 | 内容 | 纪律 |
|
||||
|---|---|---|
|
||||
| 标题栏 | 红绿灯 + `HoloLake`（客户端名，居中）+ 设置 | 客户端身份位，不得换 |
|
||||
| 天 | 星（少而疏，呼吸微动）+ 星云（蓝紫，有方向，不撒彩虹） | R11 少而疏 |
|
||||
| 天空文案 | `光湖` + `语言宇宙` + 一句点睛（"语言在流动。流进这片湖，就成了世界。"） | 点睛不大（20px），一句止 |
|
||||
| 雾光带 | 天与湖的过渡 | 禁硬线（EXP-104） |
|
||||
| 湖面 | 波光粼粼：碎光闪烁（近湖心偏暖金）+ 大片柔光缓移 | 禁线形流动（EXP-106） |
|
||||
| 五个水湾 | 光晕 + 心 + 涟漪 + 标签；对称弧排，中心最近最大 | GLS-0250 §2.1 五门厅 |
|
||||
| 页脚 | 题记（平台登记名）+ 信任行 | 三名归位（EXP-107） |
|
||||
|
||||
## 2 · 五域排布（入口拓扑投影）
|
||||
|
||||
| 位次 | 域 | GATE | 状态呈现 |
|
||||
|---|---|---|---|
|
||||
| 最左（远） | 光湖分域 | GATE 02 | 幽蓝水湾 · 筹建中 |
|
||||
| 左（近） | 光湖主域 | GATE 01 | 幽蓝水湾 · 筹建中 |
|
||||
| 中心（最近最大） | 第五域 · 本源域 | GATE 05 | **暖金水湾 · 已开域 = 整屏唯一焦点** |
|
||||
| 右（近） | 光湖零域 | GATE 03 | 幽蓝水湾 · 筹建中 |
|
||||
| 最右（远） | 光湖零感域 | GATE 04 | 幽蓝水湾 · 筹建中 |
|
||||
|
||||
焦点规则：已开域=暖金+呼吸+涟漪；未开域=幽蓝微光。状态变了（新域开域），焦点随之变化——光之强弱即状态，不加徽标不弹通知。
|
||||
|
||||
## 3 · 三名归位（v1.2 定案）
|
||||
|
||||
| 名字 | 身份 | 位次 |
|
||||
|---|---|---|
|
||||
| HoloLake | 客户端软件本身 | 标题栏 |
|
||||
| 光湖 · 语言宇宙 | 用户进入的世界 | 屏中央主视觉 |
|
||||
| 光湖语言系统 · 通用人工智能操作平台 · GH-AIOS | 平台/软著登记名 | 底部题记 |
|
||||
|
||||
## 4 · 信任行（页脚次行）
|
||||
|
||||
"入口只回答「从哪里进」· 各域独立责任主体与权限 · 进入需节点登录验证"——把 GLS-0250 的边界纪律用人话放在用户看得见的地方。
|
||||
|
||||
## 5 · 动效纪律
|
||||
|
||||
全部低开销 CSS：星呼吸（4-7s）、碎光闪烁（2.6-6.6s 随机）、柔光缓移（24-30s 往复）、涟漪荡开（5.5s）。禁重 WebGL（R10），禁快闪（湖是静的，光是活的）。
|
||||
|
||||
## 6 · 可读性底线（继承）
|
||||
|
||||
暗底正文 ≥14.5px、辅助 ≥12px、字重 400+；亮色主题重配对比度。标签 13px/600 + 11px 状态。
|
||||
|
|
@ -0,0 +1,45 @@
|
|||
# 调研 · 桌面软件的主题是怎么做的（Tauri 语境）
|
||||
|
||||
> 2026-08-12 · 铸渊 ICE-P-ZY001 · 起因：冰朔点名调研 GitHub 上别人软件的主题/配色/UI 做法
|
||||
> 方法：GitHub 高星 Tauri 应用源码实读 + 主题机制归纳；结论直接用于 HoloLake 客户端定案
|
||||
|
||||
## 1 · 案例实读
|
||||
|
||||
| 应用 | 星数 | 技术栈 | 主题做法 | 可学的点 |
|
||||
|---|---|---|---|---|
|
||||
| Clash Verge Rev | 137k | Tauri+React+MUI | 组件库调色板（createTheme）+ 跟随系统明暗（@tauri-apps/api/window Theme）+ 用户可注入自定义 CSS/主色/背景图 | 系统主题同步；用户自定义入口 |
|
||||
| cc-switch | 126k | Tauri+React+Radix/shadcn+Tailwind | 设计令牌 + 无头组件，样式全自控 | 令牌派主流做法，外观上限高 |
|
||||
| Jan | 44k | Tauri+React+Tailwind | Tailwind 深色基调 + 语义色 | AI 桌面应用暗色标杆 |
|
||||
| Readest | 23k | Tauri+React | **种子色派生**：bg/前景/主色 3 色经色彩算法（加深/提亮/邻近色/OKLCH）推导全色板，明暗两套，支持环境光模式 | 用户换主题成本最低的机制 |
|
||||
| GitButler | 21k | Tauri+Svelte 全自绘 | 完全自控 | 辨识度最高，成本也最高 |
|
||||
| 模板主流 | — | Tauri v2 + shadcn/ui + Tailwind | CSS 变量定义全部颜色，一处改全局 | 市面默认解 |
|
||||
|
||||
## 2 · 三个流派
|
||||
|
||||
**A · 设计令牌 / CSS 变量派（主流，本项目选它）**
|
||||
三层结构：原始值（色值数字）→ 语义层（背景/主色/状态色）→ 组件层（组件用哪个语义色）。
|
||||
全部用 CSS 变量承载，换主题=换一组变量。Readest 进阶玩法：只定 3 个种子色，算法推导全色板。
|
||||
|
||||
**B · 组件库主题派**（Clash Verge 的 MUI 路线）
|
||||
给组件库喂一份调色板配置，省事；外观天花板被组件库风格锁住，容易撞脸。
|
||||
|
||||
**C · 全自绘派**（GitButler）
|
||||
像素级自控，辨识度最高；成本最高。
|
||||
|
||||
## 3 · 窗口层（桌面独有，网页没有）
|
||||
|
||||
- 无边框窗口 + 自绘标题栏（拖拽区），macOS 可保留红绿灯（titleBarStyle overlay）
|
||||
- 窗口材质：macOS NSVisualEffectView / Windows 云母·亚克力（tauri-plugin-vibrancy）——侧栏用半透明材质是"桌面感"关键来源
|
||||
- 跟随系统明暗：Tauri 原生 API 读系统主题自动切换
|
||||
|
||||
## 4 · 本项目定案
|
||||
|
||||
1. 客户端主题走**令牌派**：CSS 变量三层，组件不写死颜色（v1.3 五色湖已验证：换主题=换一组变量）
|
||||
2. 不引入组件库主题配置（防锁脸）；组件用无头/自绘
|
||||
3. 主题命名从光湖意象生长（五色湖：夜湖星光/晨湖曦光/星云紫夜/烛畔暖湖/清浅澄湖），不用通用名（dark/light）
|
||||
4. 后续真机实现：tauri.conf.json windows 配置 + 前端令牌注入 + 用户选择持久化（设置页）
|
||||
|
||||
## 5 · 来源
|
||||
|
||||
- GitHub：clash-verge-rev / cc-switch / Jan / Readest / GitButler 源码与主题文件在线实读
|
||||
- 光湖正本：GLS-0257（范式总纲：HoloLake=人类进入光湖的原生入口）、GLS-0250（五域灯塔架构）
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
# 色板令牌 · 五色湖（v1.3 取样 · 待冰朔逐色评判）
|
||||
|
||||
> 2026-08-12 · 令牌派落地：每个主题=一组 CSS 变量覆盖；意象、布局、动效、文案不随主题变。
|
||||
> 命名纪律：主题名从湖的意象生长（一天之时、一湖之态），不用 dark/light 通用名。
|
||||
> 实现：.window 挂主题类（默认空=夜湖星光 / t-dawn / t-nebula / t-candle / t-clear）。
|
||||
|
||||
## 令牌清单（每主题须定义的组）
|
||||
|
||||
| 组 | 变量 | 用途 |
|
||||
|---|---|---|
|
||||
| 底 | --bg-a..d | 窗口四段渐变（天→湖） |
|
||||
| 星云 | --nebula-a/b | 天空氛围（有方向，不彩虹） |
|
||||
| 星 | --star-core/bright/dim/faint | 天上星与题记字色 |
|
||||
| 字 | --text-primary/body/aux/faint | 四级文字 |
|
||||
| 栏 | --tb-bg/border、--window-border | 标题栏与窗框 |
|
||||
| 玻璃 | --glass/hover/edge/edge-hover/top | 浮面与边缘光 |
|
||||
| 雾 | --mist-a/b | 天湖过渡 |
|
||||
| 柔光 | --shine-cool/warm | 湖面缓移大片光 |
|
||||
| 碎光 | --glint-cool-core/mid/glow、--glint-warm-core/mid/glow | 波光粼粼粒子 |
|
||||
| 水湾 | --pool-cool-*、--pool-warm-*（core/mid/halo-a/halo-b/ring/glow/glow-soft） | 五域光晕 |
|
||||
|
||||
## 五色取样
|
||||
|
||||
| 主题 | 类 | 底（天→湖） | 星/主光 | 特征 |
|
||||
|---|---|---|---|---|
|
||||
| 夜湖星光 | （默认） | #0A1020→#04070D | 淡金白 #F7EBC8 | 定版基色：深水蓝黑+灯不是屏幕 |
|
||||
| 晨湖曦光 | t-dawn | #F5F7FC→#D3E0EF | 晨金 #C9A24B | 亮色：晨光湖面，深蓝字，暖金已开域 |
|
||||
| 星云紫夜 | t-nebula | #150E26→#080510 | 银白 #EDE4F6 | 暗紫：星云更盛，暖金偏柔 |
|
||||
| 烛畔暖湖 | t-candle | #1B130B→#0A0703 | 暖金 #FFD9A0 | 暖暗：湖畔烛火，琥珀水湾 |
|
||||
| 清浅澄湖 | t-clear | #F1F5F8→#D2DEE7 | 沉蓝 #5F7E9F | 冷亮：清浅湖水，银蓝光斑 |
|
||||
|
||||
## 纪律
|
||||
|
||||
1. 亮色主题必须重配：文字（深底字）、水湾饱和度、碎光改白色高光、玻璃改白浮面——不许直接反色。
|
||||
2. 已开域永远是"最亮的那颗光"：暗主题用暖金，亮主题用沉金/沉橙，保持"灯"的感觉。
|
||||
3. 新主题=新意象变体（仍是湖）；取新色前先从意象命名开始。
|
||||
4. 色值为首次落地取样（审美叶片 002 规矩：不虚构数值，取样后追加版本）；冰朔评判后可迭代 v2。
|
||||
Loading…
Reference in a new issue