Que fait ux-collab ?
Visual-first UI/UX collaboration for AI agents — browser automation, screenshot comparison, wireframes, design tokens, and the 8-step design loop.
Collaboration UI/UX axée sur le visuel pour les agents IA — automatisation de navigateur, comparaison de captures d'écran, maquettes, jetons de design et boucle de conception en 8 étapes.
kylebrodeur/ux-collab est une compétence de collaboration UI/UX priorisant le visuel, conçue pour les agents IA. Elle intègre des fonctionnalités clés telles que l'automatisation de navigateur, la comparaison de captures d'écran, la génération de maquettes, la gestion des jetons de design et une boucle de conception en 8 étapes. Cette compétence permet aux agents IA d'effectuer une validation visuelle et une itération de conception directement au cours du développement, améliorant ainsi considérablement l'efficacité de la collaboration entre le design et le développement front-end. Compatible avec les principales plateformes d'agents IA comme Claude Code, Cursor et Codex, elle aide les développeurs à identifier rapidement les différences d'interface utilisateur via l'automatisation du navigateur et la comparaison de captures d'écran. La fonctionnalité de jetons de design permet une gestion des styles multiplateforme, tandis que la boucle de conception en 8 étapes offre un processus structuré allant de l'analyse des besoins à la mise en œuvre finale. C'est un outil indispensable pour les équipes qui ont besoin d'itérations UI/UX efficaces.
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.