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.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Prisma ORM patterns for TypeScript backends — schema design, query optimization, transactions, pagination, and critical traps like updateMany returning count not records, $transaction timeouts, migrate dev resetting the DB, @updatedAt skipped on bulk writes, and serverless connection exhaustion.
Django + Celery async task patterns — configuration, task design, beat scheduling, retries, canvas workflows, monitoring, and testing. Use when adding background jobs, scheduled tasks, or async processing to a Django app.