做圖
touchine-ojo
2026-09-02
先拒寫設計稿,拿產品證據校準五個刻度再出規範
先從產品證據推出五個檔位(響度/成色/密度/重量/嚴肅度),再出設計規範、token、組件準則——每個檔位都要給出處,不許憑習慣設。
做什麼用
先從產品證據推出五個檔位(響度/成色/密度/重量/嚴肅度),再出設計規範、token、組件準則——每個檔位都要給出處,不許憑習慣設。它有一條含糊詞防火牆:premium、精緻、剋制、高級感一律不許當理由,必須換算成飽和度、間距、圓角、動效幅度。
應用範圍
用在「做圖」這一格。它出的是設計規範和單頁預覽,不是整套前端工程。檔位一旦從證據推定,後面所有步驟都跟著走,你想中途換風格得從證據改起。只有一件 skill,正文很長、很吃上下文。
如何使用
- 就按「先拒寫設計稿,拿產品證據校準五個刻度再出規範」這一件來做,不要中途改風格。
- 把我手上這張按它的規矩重做,風格不許換。
- 只要成品,過程裡的解釋可以沒有。
- 做完對照應用範圍,越界的那一稿丟掉。
安裝
git clone --depth 1 https://github.com/touchine-ojo/OJO-Design-Skills.gitcp -r OJO-Design-Skills/skills/app-ui-ux-best-practices ~/.claude/skills/app-ui-ux-best-practices