¿Qué hace ux-collab?
Visual-first UI/UX collaboration for AI agents — browser automation, screenshot comparison, wireframes, design tokens, and the 8-step design loop.
Colaboración UI/UX con enfoque visual para agentes de IA: automatización del navegador, comparación de capturas de pantalla, wireframes, tokens de diseño y el bucle de diseño de 8 pasos.
kylebrodeur/ux-collab es una habilidad de colaboración UI/UX centrada en lo visual, diseñada para agentes de IA. Integra funcionalidades clave como automatización del navegador, comparación de capturas de pantalla, generación de wireframes, gestión de tokens de diseño y un bucle de diseño de 8 pasos. Permite a los agentes de IA realizar validación visual e iteración de diseño directamente durante el desarrollo, mejorando significativamente la eficiencia de la colaboración entre el desarrollo front-end y el diseño. Es compatible con las principales plataformas de agentes de IA como Claude Code, Cursor y Codex, ayudando a los desarrolladores a identificar rápidamente diferencias en la UI mediante la automatización del navegador y la comparación de capturas de pantalla. La funcionalidad de tokens de diseño permite la gestión de estilos multiplataforma, mientras que el bucle de diseño de 8 pasos proporciona un proceso estructurado desde el análisis de requisitos hasta la implementación final. Es una herramienta indispensable para equipos que necesitan iteraciones UI/UX eficientes.
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.