品味

幫你發現有品位的 Skills

做圖 touchine-ojo 2026-09-02

先拒寫設計稿,拿產品證據校準五個刻度再出規範

先從產品證據推出五個檔位(響度/成色/密度/重量/嚴肅度),再出設計規範、token、組件準則——每個檔位都要給出處,不許憑習慣設。

touchine-ojo

做什麼用

先從產品證據推出五個檔位(響度/成色/密度/重量/嚴肅度),再出設計規範、token、組件準則——每個檔位都要給出處,不許憑習慣設。它有一條含糊詞防火牆:premium、精緻、剋制、高級感一律不許當理由,必須換算成飽和度、間距、圓角、動效幅度。

應用範圍

用在「做圖」這一格。它出的是設計規範和單頁預覽,不是整套前端工程。檔位一旦從證據推定,後面所有步驟都跟著走,你想中途換風格得從證據改起。只有一件 skill,正文很長、很吃上下文。

如何使用

  • 就按「先拒寫設計稿,拿產品證據校準五個刻度再出規範」這一件來做,不要中途改風格。
  • 把我手上這張按它的規矩重做,風格不許換。
  • 只要成品,過程裡的解釋可以沒有。
  • 做完對照應用範圍,越界的那一稿丟掉。

安裝

git clone --depth 1 https://github.com/touchine-ojo/OJO-Design-Skills.git
cp -r OJO-Design-Skills/skills/app-ui-ux-best-practices ~/.claude/skills/app-ui-ux-best-practices