Crea interfaces de usuario hermosas y accesibles con componentes shadcn/ui (construidos en Radix UI + Tailwind), estilizado de primera utilidad con Tailwind CSS y diseños visuales basados en lienzo. Usa cuando construyas interfaces de usuario, implementes sistemas de diseño, crees layouts responsivos, agregues componentes accesibles (diálogos, menús desplegables, formularios, tablas), personalices temas y colores, implementes modo oscuro, generes diseños visuales y carteles, o establezcas patrones de estilizado consistentes entre aplicaciones.
EN LO QUE TE CONVIERTES
Perfecto para estos escenarios
Desarrollar metodologías de investigación detalladas y diseños experimentales con una progresión lógica
Descomponer sistemas complejos en componentes manejables con dependencias claras
Crear frameworks paso a paso para extraer insights de conjuntos de datos complejos
Planificar iniciativas empresariales multifásicas con hitos claros y mitigación de riesgos
GANANCIA MEDIBLE
Beneficios probados e impacto medible
Reduce el tiempo dedicado a problemas complejos a través del pensamiento secuencial sistemático
Genera soluciones más robustas eliminando lagunas lógicas en el razonamiento
Divide los desafíos abrumadores en pasos secuenciales manejables
QUÉ INCLUYE
Archivos, etiquetas y la instalación en tres pasos
Consejo: Lee la documentación y el código antes del primer uso para saber qué hace y qué permisos necesita.
SIGUIENTES GUIONES
Recomendado según etiquetas y categoría
Generar y mantener archivos AGENTS.md siguiendo la convención pública agents.md. Usar cuando se cree documentación para flujos de trabajo de agentes AI, guías de incorporación o cuando se estandaricen patrones de interacción de agentes en proyectos.
Valide que los esquemas OpenAPI, Swagger y GraphQL coincidan con la implementación del backend. Detecte cambios que rompan la compatibilidad, genere clientes TypeScript y asegúrese de que la documentación de la API permanezca sincronizada. Use cuando trabaje con archivos de especificación de API (.yaml, .json, .graphql), revise cambios en la API, genere tipos frontend o valide implementaciones de endpoints.
Documentación del SDK Apify JS - Scraping web, crawling y desarrollo de Actores
Crea interfaces estéticamente bellas siguiendo principios de diseño probados. Usa cuando construyas UI/UX, analices diseños de sitios de inspiración, generes imágenes de diseño con ai-multimodal, implementes jerarquía visual y teoría del color, agregues micro-interacciones o crees documentación de diseño. Incluye flujos de trabajo para capturar y analizar capturas de pantalla de inspiración con chrome-devtools y ai-multimodal, generación iterativa de imágenes de diseño hasta que se cumplan los estándares estéticos, y guía comprensiva del sistema de diseño que cubre las etapas BEAUTIFUL (principios estéticos), RIGHT (funcionalidad/accessibilidad), SATISFYING (micro-interacciones) y PEAK (narración). Se integra con las habilidades de chrome-devtools, ai-multimodal, procesamiento de medios, estilado de UI y frameworks web.