Creé un experto en UI con IA en 15 minutos (y mejoró mi sitio automáticamente)
Te muestro cómo usar Claude Code agents para crear especialistas que evalúan y mejoran tu sitio web mientras tú te concentras en las decisiones importantes
TL;DR: Te muestro cómo usar Claude Code agents para crear especialistas que evalúan y mejoran tu sitio web mientras tú te concentras en las decisiones importantes.
Contexto
Los agentes de Claude Code acaban de salir (hace literalmente 4-5 días) y ya están cambiando cómo trabajo. Mientras la mayoría está experimentando con chatbots básicos, yo estoy creando equipos de expertos especializados que trabajan en paralelo a mis proyectos.
En este video, te muestro en tiempo real cómo creé un crítico de UI especializado en Apple Human Interface Guidelines para evaluar BNS Studio - nuestro estudio creativo para personas con más ideas que tiempo y más creatividad que experiencia. Lo que antes me habría tomado días de investigación y presupuesto para contratar un experto, lo resolví en una sesión de 15 minutos.
La mejor parte: el agente no solo evaluó el sitio, sino que implementó las mejoras automáticamente. Esto no es sobre reemplazar tu criterio profesional - es sobre expandir tus capacidades naturales cuando no tienes tiempo ni dinero para todo lo que necesitas hacer.
Lo que aprendí
Crea agentes especializados, no asistentes genéricos
En lugar de pedirle a Claude "ayúdame con UI", creé un agente específico: experto en Apple Human Interface Guidelines. La diferencia es enorme. Los agentes tienen contexto, memoria especializada y criterios definidos.
La clave está en ser específico sobre el expertise que necesitas. No digas "diseñador" - di "experto en accesibilidad web según estándares WCAG" o "especialista en navegación móvil para aplicaciones de productividad".
Pro tip:
Identifica exactamente qué tipo de experto necesitas
Define el framework o estándares que debe conocer (Apple HIG, Material Design, etc.)
Dale un rol específico en tu proyecto
Aprovecha el trabajo en paralelo
Lo más interesante de los agentes es que trabajan en su propio contexto. Mientras el agente evaluaba mi sitio, yo podía seguir pensando en estrategia sin interrupciones. Gastó 69,200 tokens en 1 minuto y 8 segundos - fuera de mi conversación principal.
Esto significa que puedes tener múltiples expertos trabajando simultáneamente: uno revisando código, otro analizando métricas, otro optimizando SEO. Tu contexto principal se mantiene limpio y enfocado.
Pro tip: • Crea agentes para tareas específicas que consumen mucho contexto • Úsalos para trabajo pesado de análisis o implementación • Mantén tu conversación principal para decisiones estratégicas
Implementa recomendaciones automáticamente
No me quedé solo en el feedback. Le dije al agente: "implementa las tres recomendaciones, crea un branch y publica tu pull request". En minutos tenía código funcional para mejorar contraste, navegación móvil y estados de focus.
La magia está en que el agente entiende tanto la evaluación como la implementación. No necesitas traducir feedback a código - el experto hace ambas cosas.
Pro tip:
Pide implementación directa, no solo recomendaciones
Usa comandos específicos: "crea branch", "publica pull request"
Deja que el agente maneje el ciclo completo de mejora
Escala tu criterio, no lo reemplaces
"La IA no reemplazó mi criterio como desarrollador - lo expandió." Ahora es como tener acceso a expertos especializados en mi bolsillo que pueden trabajar mientras yo me concentro en las decisiones importantes.
El agente identificó problemas específicos (elementos touch de menos de 44px, contrastes que no cumplen WCAG, estados de focus inconsistentes) que yo podría haber pasado por alto. No porque no supiera, sino porque mi atención estaba en otros aspectos del proyecto.
Pro tip:
Usa agentes para amplificar tu expertise existente
Enfócate en decisiones estratégicas, deja la ejecución al agente
Créate un "bolsillo de expertos" para diferentes aspectos de tus proyectos
Framework: Creando tu primer agente especializado
Identifica tu cuello de botella
¿Qué tarea especializada necesitas pero no tienes tiempo/presupuesto?
¿Qué expertise te falta para tu proyecto actual?
Define el experto
Título específico (no genérico)
Framework o estándares que debe conocer
Contexto de tu proyecto
Crea el agente
claude→/agentsDescribe el expertise exacto que necesitas
Claude genera la configuración automáticamente
Asigna la tarea
Dale contexto específico de tu proyecto
Pide tanto evaluación como implementación
Mantén tu conversación principal limpia
Implementa y escala
Revisa el trabajo del agente
Aplica mejoras a tu proyecto
Crea más agentes para otros aspectos
Deep-dive
Timestamps del video:
00:00 Introducción y overview del video
00:21 Presentando BNS Studio: creatividad + IA
01:21 Trabajando desde la terminal (sin miedo)
03:23 Claude Code para evaluar UI automáticamente
04:28 Creando agentes especializados paso a paso
08:11 Implementando las recomendaciones de IA
17:41 Reflexiones finales y próximos pasos
Para profundizar:
Documentación oficial de Claude Code agents
Apple Human Interface Guidelines (el framework que usé)
BNS Studio (https://bns.studio/) el proyecto que optimizamos
¡Tú turno!
¿Qué experto crearías primero para tu proyecto actual? Comparte en los comentarios el agente que más necesitas - analista de datos, revisor de código, especialista en SEO, experto en UX research.
Si este experimento te pareció útil, comparte el video con alguien que esté luchando con tareas especializadas que no puede costear o no tiene tiempo de hacer manualmente.
Y suscríbete - estoy experimentando con agentes nuevos cada semana y documentando lo que funciona (y lo que no) para makers como nosotros.