好用的 UI 設計工程工具 Plugin/Skill
發現一個蠻實用的 GitHub 專案,想跟大家分享一下,我用了3天表現優秀。
叫做 interface-design,是專門為 Claude Code 設計的一套 UI 設計工程工具。用 Claude Code 做 UIUX 時,很容易發生「上次用了 36px 的按鈕,但換了聊天框就不記得了」的情況,間距、色彩、層次感每次都在不一樣,這個工具就是要解決這個問題的。
它主要提供三個核心能力:
Craft: 以設計原則為基礎,幫助 Claude 產出具專業感的介面,而不是隨機出牌
Memory: 把設計決策存入
.interface-design/system.md,下次 session 自動載入,完全不用再重設一次Consistency: 每個元件都遵循同一套原則,距離及色彩不再漂移
安裝方式很簡單,透過 Claude Code 的 plugin marketplace 就能裝好:
/plugin marketplace add Dammyjay93/interface-design
/plugin menu裝好後,輸入 /interface-design:init 就能開始使用。Claude 會先分析你的專案背景,提議適合的設計風格(例如「精準與密度」適合 dashboard,「溫暖與親和」適合協作工具),確認後就開始一致性地建構界面。
作者:芳