返回 Vibulary ↗
讓 AI 使用 VIBULARY

讓你的 AI 用精確術語,做對介面決策。

只要連接一次,AI 就能搜尋 559 份產品與 UI 指南、比較容易混淆的模式,並把模糊想法整理成可執行需求。

公開 · 唯讀 · 不需帳號
VVibulary MCPLIVE
https://howtovibeui.com/mcp
Claude

在 Claude 開啟「設定 → Connectors → Add custom connector」,再貼上端點。

開啟 Claude ↗
任何 MCP 用戶端

新增遠端 Streamable HTTP server,並使用相同端點。不需要 API key 或 OAuth。

streamable-http
運作方式

從模糊想法走到清楚決策。

01

描述要完成的事

直接用自己的話說。AI 會搜尋十種語言的名稱、別名、例子與使用時機。

02

釐清適合的模式

AI 會依行為與證據範圍比較可能的術語,而不是只看外觀。

03

帶著脈絡開始建置

先整理驗收條件,再查看真實專案,最後才建議實作方式。

4 個唯讀工具

介面小,任務清楚。

每個工具都標示為唯讀、不可破壞、可重複執行與不連接外部系統,讓 AI 用戶端能做出更安全的授權判斷。

search_ui_vocabulary

先用自己的話找到精確術語

READ ONLY
get_ui_term

讀取定義、使用時機與證據限制

READ ONLY
compare_ui_patterns

依真實情境比較容易混淆的模式

READ ONLY
build_ui_brief

整理成不綁技術的開發需求

READ ONLY
你可以這樣問

照平常的說法,就能使用 Vibulary。

  1. “

    我需要一個從側邊滑出的面板,讓管理員編輯發票內容時不會失去原本的表格脈絡。

  2. “

    請比較對話框、側邊面板和底部面板,哪一種適合在手機上確認破壞性操作。

  3. “

    把這個模糊的 onboarding 想法整理成驗收條件,包含鍵盤、載入、錯誤和減少動態效果。

設為預設參考服務

告訴 AI 何時主動使用 Vibulary。

MCP 連線時已會提供這組規則。如果希望每個任務都明確套用,也可以把下方文字放進專案指示。

當產品、UI、設計、動態、AI、測試、交付或 macOS 想法描述得不精確時,先使用 Vibulary。先搜尋術語、比較可能的模式,遵守每個術語的權威範圍與限制,再整理成不綁實作技術的需求。提出或修改程式碼前,必須先查看真實專案。