LÍNEA DE GUION
Ajustar píxeles contra el mockup, accesibilidad al final.
Componentes desde una frase, revisión a la primera.
8 habilidades en esta línea
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.
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.
Crear visualizaciones de datos interactivas con d3.js. Esta habilidad debe usarse al crear gráficos personalizados, diagramas de red, visualizaciones geográficas o cualquier visualización de datos compleja basada en SVG que requiera un control detallado sobre los elementos visuales, las transiciones o las interacciones. Úsela para visualizaciones a medida más allá de las bibliotecas de gráficos estándar, ya sea en React, Vue, Svelte, JavaScript vanilla o cualquier otro entorno.
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.
Empaqueta repositorios de código completos en archivos individuales compatibles con IA usando Repomix. Las capacidades incluyen empaquetar bases de código con patrones de inclusión/exclusión personalizables, generar múltiples formatos de salida (XML, Markdown, texto plano), preservar la estructura y el contexto de los archivos, optimizar para consumo de IA con conteo de tokens, filtrar por tipos de archivo y directorios, agregar encabezados y resúmenes personalizados. Úsalo al empaquetar bases de código para análisis de IA, crear instantáneas de repositorios para contexto de LLM, analizar bibliotecas de terceros, preparar auditorías de seguridad, generar contexto de documentación o evaluar bases de código desconocidas.
Generar recursos web, incluidos favicons, iconos de aplicaciones (PWA) y imágenes meta de redes sociales (Open Graph) para Facebook, Twitter, WhatsApp y LinkedIn. Utilizar cuando los usuarios necesiten iconos, favicons, imágenes para compartir en redes sociales o imágenes Open Graph desde logotipos o lemas de texto. Maneja el redimensionamiento de imágenes, la generación de texto a imagen y proporciona etiquetas meta HTML adecuadas.