🎨 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.

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.

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.

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.

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.