ux-collab 是做什麼的?
Visual-first UI/UX collaboration for AI agents — browser automation, screenshot comparison, wireframes, design tokens, and the 8-step design loop.
以視覺為先的UI/UX協作工具,專為AI代理設計——支持瀏覽器自動化、螢幕截圖比對、線框圖、設計令牌以及八步設計循環。
kylebrodeur/ux-collab 是一個專為AI代理打造的視覺優先UI/UX協作技能。它集成了瀏覽器自動化、螢幕截圖比對、線框圖生成、設計令牌管理和八步設計循環等核心功能。該技能允許AI代理在開發過程中直接進行視覺驗證和設計迭代,從而大幅提升前端開發與設計協作的效率。它適用於Claude Code、Cursor、Codex等主流AI代理平台,通過自動化瀏覽器操作和螢幕截圖比對,幫助開發者快速定位UI差異,確保設計一致性。設計令牌功能支持跨平台樣式管理,而八步設計循環則提供了一套結構化的流程,從需求分析到最終實現,確保每個設計決策都有據可依。對於需要高效進行UI/UX迭代的團隊來說,這是一個不可或缺的工具。
npx skills add kylebrodeur/ux-collabVisual-first UI/UX collaboration for AI agents — browser automation, screenshot comparison, wireframes, design tokens, and the 8-step design loop.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".