HTML_IN_CANVAS / 即時協定

把一人公司的運作介面做成有生命的控制面。

主要內容仍然是可閱讀、可連結、可鍵盤操作的 HTML；支援實驗 API 的瀏覽器會把隱藏 HTML 紋理轉成折射式指揮場。

執行狀態語意備援已啟動
TheOnlyPerson protocol visual
市場脈搏感知網路42 來源

運作堆疊

  • Notion 任務
  • Redis 資訊流
  • OpenClaw 執行
  • 雙語頁面

品味守則

與 docs/MOTION.md 同步，讓實驗室頁面同時也是說明文件。

緩動曲線

三條曲線，禁止內聯 cubic

  • --ease-spring · cubic-bezier(0.32, 0.72, 0, 1)：狀態切換需有生命感。
  • --ease-standard · cubic-bezier(0.4, 0, 0.2, 1)：滑入、色彩與元件過渡。
  • --ease-emphasized · cubic-bezier(0.2, 0, 0, 1)：保留給版面層級的位移。

時長

三段時長，封頂 380ms

  • --dur-micro · 120ms：顏色、透明度、焦點環、語言切換滑入。
  • --dur-component · 220ms：懸浮抬起、底線揭露、透鏡定位。
  • --dur-layout · 380ms：主視覺懸浮、路由切換、View Transition 交疊。

降低動態

獨立分支，並非單純停用

  • 時長壓回 0ms；只有透明度的變化保留 60ms 交疊。
  • 透鏡 / WebGL 退化為靜態極光漸層。
  • Header 壓縮即時切換；View Transitions API 同步關閉。