🎨 Frontend

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.

Implemente autenticación y autorización con Better Auth, un marco de autenticación TypeScript agnóstico de marco de trabajo. Las características incluyen autenticación por correo electrónico/contraseña con verificación, proveedores OAuth (Google, GitHub, Discord, etc.), autenticación de dos factores (TOTP, SMS), soporte para passkeys/WebAuthn, gestión de sesiones, control de acceso basado en roles (RBAC), limitación de velocidad y adaptadores de base de datos. Úselo al agregar autenticación a aplicaciones, implementar flujos OAuth, configurar 2FA/MFA, gestionar sesiones de usuario, configurar reglas de autorización o construir sistemas de autenticación seguros para aplicaciones web.

Analiza, genera y mejora archivos CLAUDE.md para cualquier tipo de proyecto utilizando buenas prácticas, soporte de arquitectura modular y personalización de pila tecnológica. Usar al configurar nuevos proyectos, mejorar archivos CLAUDE.md existentes o establecer estándares de desarrollo asistido por IA.

Analiza tu historial de chats recientes de Claude Code para identificar patrones de codificación, brechas de desarrollo y áreas de mejora, cura recursos de aprendizaje relevantes de HackerNews y envía automáticamente un informe de crecimiento personalizado a tus mensajes directos de Slack.

Experto en Expo Router para el enrutamiento basado en archivos en aplicaciones React Native. Cubre navegación, diseños, rutas dinámicas, enlaces profundos y la integración de TypeScript. Invocar cuando el usuario mencione Expo Router, enrutamiento basado en archivos, navegación, directorio app o enrutamiento en Expo.

Crea interfaces de frontend de calidad de producción distintivas y con alta calidad de diseño. Usa esta habilidad cuando el usuario pida construir componentes web, páginas o aplicaciones. Genera código creativo y pulido que evita las estéticas genéricas de IA.

Directrices de desarrollo frontend para aplicaciones React/TypeScript. Patrones modernos que incluyen Suspense, carga diferida, useSuspenseQuery, organización de archivos con directorio de funciones, estilo MUI v7, TanStack Router, optimización de rendimiento y buenas prácticas de TypeScript. Usar al crear componentes, páginas, funciones, obtener datos, aplicar estilos, enrutar o trabajar con código frontend.

Crea presentaciones HTML interactivas con 6 pestañas (Visión general, Requisitos, Arquitectura/C4, Especificación técnica, Hoja de ruta, Guías). Crea una plataforma de presentación/README.md. Trabajador bajo ln-110-documents-pipeline.

[es] Expert guidance for Plaid banking API integration including Link, Auth, Transactions, Identity, and webhook handling. Invoke when user mentions Plaid, bank connections, financial data, ACH, or banking APIs.

Guía completa de implementación y diseño para Ply. Usa esta skill cuando una tarea involucre las APIs de ply-engine, flujos de trabajo de plyx o la construcción de UI en Rust con Ply.

Potente herramienta de prompts de clase mundial que genera mega-prompts listos para producción para cualquier rol, industria y tarea a través de un flujo inteligente de 7 preguntas, 69 preajustes completos en 15 dominios profesionales (técnico, negocio, creativo, legal, finanzas, RRHH, diseño, cliente, ejecutivo, manufactura, I+D, regulatorio, técnico especializado, investigación, medios creativos), múltiples formatos de salida (XML/Claude/ChatGPT/Gemini), puertas de validación de calidad y mejores prácticas contextuales de OpenAI/Anthropic/Google. Soporta modos básico y avanzado con escenarios de prueba y variaciones de prompts.

Guía para crear habilidades efectivas. Esta habilidad debe usarse cuando los usuarios quieren crear una nueva habilidad (o actualizar una habilidad existente) que extienda las funcionalidades de Claude con conocimientos especializados, flujos de trabajo o integraciones de herramientas.

Crear y gestionar habilidades de código Claude siguiendo las mejores prácticas de Anthropic. Usar al crear nuevas habilidades, modificar skill-rules.json, entender patrones de activación, trabajar con hooks, depurar la activación de habilidades o implementar divulgación progresiva. Cubre la estructura de habilidades, frontmatter YAML, tipos de activadores (palabras clave, patrones de intención, rutas de archivos, patrones de contenido), niveles de aplicación (bloquear, sugerir, advertir), mecanismos de hooks (UserPromptSubmit, PreToolUse), seguimiento de sesiones y la regla de las 500 líneas.

Actualiza automáticamente el título de la ventana de terminal para reflejar la tarea de alto nivel actual. Utiliza al principio de cada sesión de Claude Code cuando el usuario proporciona su primera solicitud y cada vez que el usuario cambia a una tarea de alto nivel claramente nueva. Ayuda a los desarrolladores a gestionar múltiples terminales de Claude Code proporcionando una identificación clara y rápida de en qué está trabajando cada terminal.

Inteligencia de diseño UI/UX para web, móvil y escritorio. Utiliza esta skill al diseñar, construir, revisar o corregir interfaces, incluyendo páginas, componentes, sistemas de diseño, accesibilidad, interacción, diseño responsivo, tipografía, color, gráficos e implementación de UI específica de stack. Datos locales indexables: 79 estilos buscables (50 activos), 192 paletas de producto y perfiles de razonamiento, 74 combinaciones de tipografías, 119 pautas de UX, 105 iconos, 17 presets de GSAP, 25 tipos de gráficos y 22 stacks.