原文:Threads

摘要

很多工程師缺的不是寫程式能力,而是美感。與其自己從零刻 UI,不如把社群驗證過的熱門開源 UI 元件庫當設計模板,直接餵給 Claude Code、Codex 這類 coding agent,讓生成的介面站在成熟設計系統的肩膀上。

重點

  • 核心觀點:非前端出身的人做 UI/UX,瓶頸在審美不在技術——借用「別人幫你調好美感」的元件庫是最快解。
  • 作法:挑高星數的開源 UI repo,把它當基礎架構丟給 AI agent,讓 agent 依那套設計語言產出介面。
  • 推薦的五個開源專案(附星數):
    • shadcn/ui(120K+ 星)——可複製貼上的元件集,非傳統套件,改動自由度高。
    • Ant Design(98K+ 星)——企業級、規範完整的 React 元件庫。
    • daisyUI(40K+ 星)——建在 Tailwind CSS 上的元件庫。
    • Chakra UI(40K+ 星)——重視無障礙(accessibility)的 React 元件庫。
    • Magic UI(20K+ 星)——動效/互動導向的元件集。

個人洞見

跟 用 Design Skill 治好 AI Slop 和 給 AI 設計規範的 impeccable 是同一條路:AI 生成 UI 的醜是「缺少參照系」,補上一套成熟設計語言就能救。差別在這篇更直接——不必寫規範文件,指定一個知名元件庫(例如 shadcn/ui)當地基,AI 就有了風格錨點。