在 Claude 開啟「設定 → Connectors → Add custom connector」,再貼上端點。
開啟 Claude ↗ 讓 AI 使用 VIBULARY
讓你的 AI 用精確術語,做對介面決策。
只要連接一次,AI 就能搜尋 559 份產品與 UI 指南、比較容易混淆的模式,並把模糊想法整理成可執行需求。
公開 · 唯讀 · 不需帳號VVibulary MCPLIVE
https://howtovibeui.com/mcp 新增遠端 Streamable HTTP server,並使用相同端點。不需要 API key 或 OAuth。
streamable-http從模糊想法走到清楚決策。
描述要完成的事
直接用自己的話說。AI 會搜尋十種語言的名稱、別名、例子與使用時機。
釐清適合的模式
AI 會依行為與證據範圍比較可能的術語,而不是只看外觀。
帶著脈絡開始建置
先整理驗收條件,再查看真實專案,最後才建議實作方式。
介面小,任務清楚。
每個工具都標示為唯讀、不可破壞、可重複執行與不連接外部系統,讓 AI 用戶端能做出更安全的授權判斷。
search_ui_vocabulary先用自己的話找到精確術語
READ ONLYget_ui_term讀取定義、使用時機與證據限制
READ ONLYcompare_ui_patterns依真實情境比較容易混淆的模式
READ ONLYbuild_ui_brief整理成不綁技術的開發需求
READ ONLY照平常的說法,就能使用 Vibulary。
- “
我需要一個從側邊滑出的面板,讓管理員編輯發票內容時不會失去原本的表格脈絡。
- “
請比較對話框、側邊面板和底部面板,哪一種適合在手機上確認破壞性操作。
- “
把這個模糊的 onboarding 想法整理成驗收條件,包含鍵盤、載入、錯誤和減少動態效果。
設為預設參考服務
告訴 AI 何時主動使用 Vibulary。
MCP 連線時已會提供這組規則。如果希望每個任務都明確套用,也可以把下方文字放進專案指示。
當產品、UI、設計、動態、AI、測試、交付或 macOS 想法描述得不精確時,先使用 Vibulary。先搜尋術語、比較可能的模式,遵守每個術語的權威範圍與限制,再整理成不綁實作技術的需求。提出或修改程式碼前,必須先查看真實專案。