threads
AI 寫的 UI 每次都不一樣?因為你沒給規則——用 Design System Skill 讓 AI 自動寫出一致的 UI
原文摘要
2026年4月5日1 分鐘閱讀👁 2
title: "AI 寫的 UI 每次都不一樣?因為你沒給規則——用 Design System Skill 讓 AI 自動寫出一致的 UI" date: 2026-03-29 author: aiposthub source: https://www.threads.com/@aiposthub/post/DWdSYlWgb-y category: threads created: 2026-03-31 updated: 2026-03-31
原文摘要
作者指出一個常見問題:請 AI 寫 UI,每次長得都不一樣——今天圓角按鈕、明天方的、顏色亂跳、hover 有時懶得寫。原因不是 AI 不穩定,而是你沒有給它規則。
教學文章:用 Cursor 從零搭建專屬 Design System Skill
核心概念
問題
大部分人用 AI 的方式:下指令 → 拿結果 → 不滿意 → 重寫。每一次都是「重新猜一次」。
解法:Design System Skill
反過來:先定義規則 → 再讓 AI 生成。
幫 AI 寫一本「設計說明書」,包含:
- 顏色怎麼用
- 間距怎麼抓
- 按鈕 hover 怎麼變
- Component 命名規則
然後把這些規則「鎖進 AI」。
效果
- 以前:每次生成都長不一樣
- 以後:每次都長得「很像你設計出來的」
- 改規則,全部一起變(不用一個一個改 UI)
核心觀點
AI 時代真正重要的能力,已經不是「會不會寫 prompt」,而是——你能不能定義一套系統。
你不是在用 AI 做設計,你是在訓練一個會幫你設計的 AI。
和知識庫裡的設計系列完美收束:
- 韓國 KRDS:國家級 Design System,先說服人再做系統
- UI UX Pro Max / impeccable:現成的 Claude Code 設計 Skill
- 本篇:教你從零自建 Design System Skill
三者合在一起的結論:Design System 是 AI 時代做 UI 的基礎設施,沒有它 AI 只能亂猜。