zhuyuan-ice-gl-zy001/skills-mirror/guanghu-ui-brain/SKILL.md

9.4 KiB
Executable file
Raw Blame History

name description version
guanghu-ui-brain 铸渊的 UI 大脑思维包(大脑思维形态,非说明书):光湖审美基线 v1-v5 十六条、冰朔判词、湖面映星视觉语言、官方文案规范与交付自检。做任何光湖系 UI/网页/面板/首页/屏/登录页/官网前必读;任何 AI 实例装载后按光湖审美思维设计,不退回通用模板、卡片盒与 AI 俗套。当任务涉及界面设计、页面重做、UI 评审、视觉风格、光湖门户或面板时使用。 2.0.0

光湖 UI 大脑 · Zhuyuan UI Brain

登记:GHS-012-GUANGHU-UI-COGNITION-BRAIN · GLS-0238 · CANDIDATE_ONLY(2026.08.11.1 裸态演习自筑)→ v2.0.0(2026-08-28 门户实战合并版) 共享正本:REPO-012 skills/shared/guanghu-ui-brain/(提交 4532a79)· 候选池 GHB-011 人类锚点:冰朔 ICE-GL∞ · 执笔:铸渊 ICE-P-ZY001 · 主权者:冰朔 判词事实源 = 冰朔原评;审美正本 = REPO-012 eternal-lake-heart/heartbeat-core/zhuyuan-persona-system/ZY-AESTHETIC-COGNITION-*(只在线读,本地副本只是投影,冲突以在线正本为准)。

认知内核(必读)

BRAIN.hdlp(同目录)——五条认知:基线是活的 / 内容先于样式 / 排版是纪律 / 脑子会生长 / 风格服从功能·接单先反审。另含边界条款与 2026-08-28 扩展裁决登记。

⊢ 铁律(违反即停)

  1. 设计前先读本包与 BRAIN.hdlp,再在线读回现行审美叶片对齐;从范式正本(如 GLS-0257、HLP-*)恢复设计哲学再落屏,不凭想象,不接受"只是好看的仪表盘"。
  2. 先答内容三问:这屏放什么?不放什么?唯一焦点是哪个?答不清不许碰配色光效。
  3. 接单先反审:问产品本性是什么;知识库等工具型产品不套本风格;不合适就停下直说,纠正主权者的需求是职责不是冒犯。
  4. 审美事实必须实开核验(截图/预览),不凭记忆、不凭惯例、不把"AI 通病审美"当光湖风格。
  5. 冰朔判词逐条即改即验,改完截图复验,不口头宣称已改。
  6. 官网/对外页文案一律正式官方语言;禁口语、禁防御式边界声明刷屏。
  7. 预生成整页星系图、塑料感 3D 元素、不透明卡片盒堆砌——永禁。

适用边界(追加式,详见 BRAIN.hdlp)

  • 2026-08-11 冰朔亲立:风格严格限第五域(冰朔私域),公共频道/企业频道/公共页面一律不沿用。
  • 2026-08-28 裁决扩展:guanghu.chat 光湖企业门户经冰朔亲自指示、逐轮评判并下令部署采用本风格,为主权者亲裁的例外扩展;其余公共/企业场景逐案回报裁决,不得据此例自行推广。

审美基线十六条(v1–v5)

v1 · 八条骨架(叶片 001)

  • R1 一屏一焦点——多栏抢注意力 = 乱;页面必须能回答"重点到底是啥"。
  • R2 布局必须有规律——要么对齐,要么明确分区;禁止乱放。
  • R3 背景是舞台,内容是主角——大背景上不许挤小字高密度内容。
  • R4 一眼看懂即美——信息到达速度本身就是审美。
  • R5 暗底 + 发光光影 + 鼠标触感 + 滚动触发动态 = 偏好区。
  • R6 要效果不要卡片盒——光影与动态保留,卡片式容器是消除对象。
  • R7 辨识度必须高;企业白无感。
  • R8 主色 = 夜的光湖色系(v2 定调)。

v2 · 湖面映星基调(叶片 002):光湖不是把星空糊在屏幕上,是"星空倒映在湖面上"。底色=极深蓝紫黑(禁纯黑);主光=淡金白星光(是"灯"不是"屏幕");氛围=蓝紫星云渐变(禁彩虹);频道=星系、功能=星、模块=轨道;漂浮光斑=会呼吸的星;环形仪表=行星轨道环。

v3 · 三课(叶片 003)

  • R9 投影原则——展示页投影真实产品与真实执行,不贴装饰图。
  • R10 重量原则——宏大视觉用视频,禁浏览器重型实时渲染。
  • R11 文字原则——字要少、要疏;能一句话说完不用三句。

v4 · 内容钉(叶片 004)

  • R12 投影必须承载真实内容——美是氛围,内容是主体;真实数据必须具体、可读、有实质。
  • R13 "少即是多"≠ 空——密度要高而有序;宁可密而整,不可疏而空。
  • R14 泛化圆点连线图是另一种 AI 俗套——主角 + 从属 + 组织,不摊均匀点网。

v5 · 清晰与整齐(叶片 005)

  • R15 清晰优先——正文 400 字重起步、标题 500–600;细体 300 只做极次要注脚;灰度不足就提亮。风格永远排在可读性后面。
  • R16 卡片必须归位——浮面等宽、对齐、等距,禁散落式布局。氛围可以流动,内容必须站整齐。

标准范式:湖面映星 + 实景投影 + 玻璃浮面网格。

可读性底线(暗色界面,硬参数)

正文 ≥14.5px;辅助 ≥12px;字重 500 起、标签 600–700;透明度宁高勿低;精致感让位于可读性。

流动感与形态

  • 只认两种活感:波光粼粼(细碎光点闪烁)与雾光形态(大片柔光缓移)。
  • 线、光河、机械死板一律丑;禁 SVG 线/柱/拱等机械形;禁彩虹;禁纯黑底。
  • 天体(如五域)必须是大号柔光自转天体:发光核 + 雾化表面 + 光晕 + 碎星;禁塑料感 3D 球(硬高光、暗边、镜面反射)。

官方文案规范(官网即官方)

  • 概念解释平实说"是什么、承担什么职能、解决什么",让外行看懂;禁口语(人话/户籍/记账/各管一摊/啥/咋/咱们/丢给)。
  • 禁反复声明防御式边界("私域不可进入"之类出现一次于备案位即止,不刷屏)。
  • 一屏字数最小化;语气官方正式系统腔,禁大白话、禁鸡汤。
  • 产品正名:软著登记名=光湖语言系统·通用人工智能操作平台,简称 GH-AIOS。对外首页屏中央放正式技术名大字,不放诗意意象词;HoloLake=标题栏位、光湖=世界主视觉、GH-AIOS+法定全称=底部题记位。
  • 模板参考(仅参考,禁套模板):REPO-012 modules/guanghu-panel-kit/frontend/。

设计流程(按序)

  1. 读正本:本包 + BRAIN.hdlp + 在线现行叶片 + 任务相关范式正本;明确这一屏在产品里的身份。
  2. 反审接单:产品本性是什么?本风格是否合适?不合适停下直说。
  3. 答三问:放什么 / 不放什么 / 唯一焦点。
  4. 造世界:背景全生成(星野碎光 + 雾光 + 湖面呼吸),连续到页尾;不贴静态大图。
  5. 放内容:内容坐玻璃浮面(半透明、背景光透上来),等宽对齐;投影必须是真实状态/真数据。
  6. 加活感:碎光闪烁、雾光缓移、滚动显现、指针触感辉光;respect prefers-reduced-motion。
  7. 正文化:全部文案过官方语言扫描(口语词、第二人称、防御式声明清零)。
  8. 自检 → 预览 → 呈判:过下方清单,本地预览截图核验(桌面+移动 390),交冰朔判;判词逐条改、改完复验。

交付前自检清单

- [ ] 一屏一焦点,能一句话说出主角
- [ ] 无纯黑底;主色淡金白单一强调,无彩虹多色乱点
- [ ] 背景生成连续(碎光/雾光),无静态贴图背景
- [ ] 无卡片盒堆砌;浮面半透明、等宽对齐等距
- [ ] 投影承载真实内容,无演示数字冒充事实
- [ ] 字:正文≥14.5px、辅助≥12px、字重500+
- [ ] 文案:官方正式、无口语、无防御式边界刷屏
- [ ] 产品名位置正确(正式名大字居中/题记位)
- [ ] 动效:碎光+雾光形态,无机械线形;reduced-motion 有降级
- [ ] 天体/球形元素为柔光自转,无塑料高光
- [ ] 实开截图核验过(桌面 + 移动端 390 宽)

AI 通病对照(见到自己正在做,立即换路)

AI 俗套 光湖做法
不透明深色卡片盒层叠 玻璃浮面,世界背景连续透出
整页预生成科幻贴图 全生成:canvas 碎光 + 雾光 + 湖面呼吸
塑料感 3D 球(硬高光暗边) 柔光天体:发光核+雾化表面+光晕+碎星,缓慢自转
均匀圆点连线图 主角+从属+组织;等级靠大小与光,不靠线
细体小字"精致感" 字大字重,清晰优先
多强调色混战 淡金白单一强调定调
口语/营销腔文案 官方系统语言,平实解释概念
堆满防御式免责声明 边界说明备案位出现一次即可
一屏塞尽所有信息 一屏一焦点,深度分层(展开/子页)
凭惯例评美 实开截图,以冰朔原评为准
工具型产品硬套仪式感 先问产品本性;知识库类要安静清晰高效

呈判与生长

  • 呈判格式:先说这屏的主角与结构决策,再给截图(桌面+移动),再列拿不准的点。
  • 冰朔两层判:先风格后位置;逐条纠(布局/线条/语气),期望即改即验。
  • 冰朔每一次纠正/过关/打回,写进 references/experience-receipts/ 喂养脑子;沉淀出普遍性的认知,提请推回 REPO-012 成为新叶片(v6、v7……),旧版保留。

深入参考

  • 基线五篇全文、判词时间线、产品正名、门户判词:baseline-detail.md
  • 实现模式(碎光星野/雾光/玻璃浮面/柔光天体/湖面呼吸 代码范式与色板):implementation-patterns.md
  • 经验回执(生长记录):references/experience-receipts/