joeseesun/qiaomu-design

解決的問題

AI生成的使用者介面經常出現「預設AI樣式」——特徵為通用的紫色漸層、置中的主視覺區塊，以及重複的模板。qiaomu-design 提供一種明確的流程，強制AI脫離這些陳腔濫調，並確保最終輸出符合專業的工程與排版標準，特別是針對中文字符。

如何運作

作為相容客戶端（如 Codex 或 Claude Code）的 Agent Skill 運作，實作三階段封閉迴路流程：

1. 診斷：代理分析需求，並根據任務類型調整「變異度」、「動態感」和「密度」等參數。
2. 風格試衣間：不只產生一個結果，而是生成四個彼此差異顯著的真實HTML原型。使用者透過本地預覽伺服器選擇偏好的方向。
3. 執行：代理根據一組嚴格規則實現所選設計，包括禁止AI陳規的「反懶散」規則、58個真實網站設計系統（如 Stripe、Linear、Apple）的資料庫，以及用於無障礙與工程品質的預飛行檢查清單。

適用對象

使用AI代理建構網頁介面的開發者與設計師，希望獲得高保真、專業級成果，且不顯露出AI生成痕跡的人。

特色亮點

• 風格試衣間：在完整實作前生成4個真實迷你原型，供視覺選擇。
• 反AI美學：明確禁止常見AI設計陳規（如紫色漸層、特定字型），以激發創造力。
• 專業排版：包含針對中文排版（CJK間距、系統字型堆疊）的專門規則。
• 設計系統資料庫：可存取58個頂級網站的設計系統精華，作為風格參考。
• 工程嚴謹性：實施Vercel風格的工程檢查清單與Emil Kowalski運動系統，實現高品質動畫。
• 自我進化：自動將使用者反饋抽象為規則，形成個人偏好記錄。