Skills

Análisis profundo de rendimiento web sobre las tres métricas de Core Web Vitals que Google evalúa al percentil 75. Detecta cuellos de botella concretos y prioriza fixes por impacto esperado.

Diagnóstico de un competidor directo o indirecto. Mira web, posicionamiento, contenido, ads activos en Meta Library, estrategia social.

Cómo añadir bender@magnetia.io (o cualquier otro email) como alias verificado del usuario marcos-2790 en Vercel, completando la verificación de forma autónoma — API → email del alias → Playwright para clicar el link.

Diagnóstico técnico on-page completo: crawlabilidad, indexabilidad, seguridad, estructura URL, mobile, Core Web Vitals, schema y rendering JS. Reemplaza la antigua auditoría genérica.

Patrones, queries, debug y reglas para trabajar con Supabase en cualquier proyecto Magnetia. Incluye RLS, migraciones, conexión y errores comunes.

Análisis visual con Playwright. Captura desktop/mobile, mide qué hay above-the-fold, detecta solapamientos, evalúa accesibilidad táctil y responsividad real.

Cómo crear System User, generar token permanente, asignar permisos y hacer llamadas a Graph API v22.0 para gestionar campañas, audiencias, creativos e insights de cualquier cuenta cliente Meta.

Playbook para generar landings, newsletters, publirreportajes, posts blog y cold email del cliente Addingplus respetando las reglas duras de Marta (vocabulario, colores, CTAs, hechos legales) y el sistema xlsx maestro + HTML.

Generar propuesta en propuestas.magnetia.io siguiendo la estructura validada (HY5/Lidia/HogarCuidado). Reutiliza bloques del registry, presenta en vivo en reunión.

DS de la nueva web hogarcuidado.com (Next.js en monorepo apps/hogarcuidado/). Evolución del WordPress actual del cliente — mantiene el sage como ADN y le añade calidez de terracota + tipografía Fraunces/Inter. Carga esta skill antes de tocar cualquier HTML/CSS/Tailwind de hogarcuidado.

Versión dark del design system Magnetia "Technical Curator" para la herramienta interna (magnetia-ferramienta). Antes de tocar UI/CSS de Ferramienta, lee esto.

Estética narrativa con animaciones letra-a-letra y ritmo de lectura para la web pública de la agencia. Antes de tocar UI/animaciones de magnetia-web, lee esto.

Estética dark editorial Apple-like para la landing del curso del Dr. Diego Rodríguez. Antes de tocar UI/CSS de poderdental, lee esto.

Estética metálica/industrial del panel propio de Bender (bender.magnetia.io). Antes de tocar UI/CSS del bender-panel, lee esto.

Estética "Editorial Precision · Technical Curator" del dashboard analytics que ven los clientes (magnetia-panel). Antes de tocar UI/CSS de magnetia-panel, lee esto.

Especialista en datos estructurados. Detecta el schema existente, valida contra rich results soportados por Google y genera JSON-LD nuevo evitando los tipos deprecados o restringidos.

Hub interno con Mailnetia + otras herramientas IA. Stack Next.js + Supabase + Anthropic SDK. Sistema tickets feedback con conversación. Tablas, módulos y flujos detallados.

Procedimiento completo + protocolo conversacional. Bender conduce la conversación preguntando cliente, hito, URLs paso a paso, invoca los endpoints /api/kit-digital/* del propio panel, muestra previews y permite modificar/añadir hasta confirmar y generar el DOCX final.

Investigación de keywords objetivo combinando DataForSEO, Google Search Console y análisis SERP. Devuelve lista priorizada por volumen × intent × dificultad estimada.

Receta para diseñar y escribir una landing one-page cuyo objetivo es captar leads cualificados de servicios o cursos de 3.000-15.000€ que cierran después por humano. Cubre buyer persona, tono, estructura, FOMO, CTAs, anti-patrones de copy y diseño.

Procedimiento para que cuando aparece algo nuevo (repo, app, BD, cron, integración, cliente, deploy importante) la documentación de arquitectura/inventarios/runbooks/MAGNETIA.md no se quede desactualizada. Bender ejecuta esto cuando detecta cambios o cuando Marcos/Jorge lo piden.

Procedimiento para clientes con WordPress (Webempresa típicamente). Acceso, plugins, backup, debugging, decisión de migrar a Next.js.

Índice obligatorio para Bender. Antes de tocar UI/CSS de cualquier proyecto Magnetia, mira aquí qué skill o CLAUDE.md leer. Si el proyecto no figura aquí, PARA y pregunta.

Stack técnico, schemas DB y flujos del dashboard analytics que ven los clientes (magnetia-panel). Para tocar lógica/datos. Para UI ver design-system-panel-clientes.

Cómo restaurar el OAuth de la CLI `claude` en el VPS cuando empieza a devolver "Not logged in · Please run /login" — sin necesidad de SSH interactivo por parte del usuario. Usa tmux + tmux send-keys para inyectar comandos al REPL y pegar el code del callback de Anthropic.

Pillar page de 2000-4000 palabras estructurado para rankear en queries comerciales-investigación. Cubre el tema entero, linka a clusters satélites.

Diagnóstico de calidad de un artículo o página según las Quality Rater Guidelines de Google (sept 2025). Evalúa E-E-A-T, profundidad, legibilidad, citation readiness y detecta thin content o AI slop.

Cómo arrancar y mantener una web cliente. Stack canónico Next.js + Tailwind + Vercel + Resend + Supabase. Incluye dominio, DNS, formularios y deploy.

Cómo usar bien el MCP de Magnific desde Bender. Activar SIEMPRE que el usuario mencione "magnific", "imagen IA", "icono", "stock", "Mystic", "Kling", "generar imagen", "set de iconos", o cuando una sesión toque diseño/maquetación/landings. Cubre las 14 tools agrupadas por frente, los patrones sync vs async, y la regla de oro para que el Visor del chat MUESTRE las imágenes.

Arquitectura de sitemaps. Valida formato XML, códigos de respuesta, lastmod, cobertura crawl vs sitemap, y aplica quality gates para páginas de localización (programmatic SEO).