claude-skills

Vercel a profundidad — CLI avanzado, CI/CD, env vars y patrones Next.js App Router (Next 16). Reemplaza al plugin oficial de Vercel (43 skills) condensado a lo esencial. Complementa a `deployment` (que cubre el deploy básico). Usar cuando: "vercel link", "monorepo vercel", "vercel build --prebuilt", "vercel promote", "vercel rollback", "CI/CD vercel", "GitHub Actions vercel", "VERCEL_TOKEN", "vercel env pull", "OIDC token", "VERCEL_OIDC_TOKEN", "project.json vs repo.json", "App Router", "server component async", "cookies() headers() params async", "middleware proxy.ts", "revalidateTag", "next/router next/navigation", "getServerSideProps migrar", "next 16 breaking changes". Do NOT use for: deploy básico a Vercel (usar `deployment`), Railway, Express puro, ni AI SDK/Workflow/shadcn del plugin (esos quedaron fuera del recorte — reactivar el plugin oficial si se necesitan).

Autenticación en Next.js: NextAuth v5 (Auth.js), JWT, sesiones, middleware y RBAC. Stack: Next.js App Router + NextAuth v5 / Supabase Auth / JWT custom. Usar cuando: "NextAuth", "Auth.js", "login", "sesión", "JWT", "middleware de auth", "proteger rutas", "RBAC", "roles y permisos", "OAuth", "credentials provider", "useSession", "getServerSession", "auth middleware", "redirect si no autenticado".

Colas de trabajo asíncronas con BullMQ + Redis en Node.js/Express. Reintentos, concurrencia, delays anti-ban, workers y monitoreo. Usar cuando: "cola de mensajes", "job queue", "BullMQ", "tareas en background", "envío masivo", "anti-ban WhatsApp", "rate limiting mensajes", "worker", "reintentar tarea fallida", "procesar en segundo plano", "Bull", "Redis queue", "scheduled jobs", "delayed jobs".

Agrega un chatbot, asistente IA o chat widget a un sitio web o app. Usar cuando: "chatbot", "chat widget", "asistente virtual", "chat flotante", "bot de ventas", "bot de soporte", "FAQ bot", "useChat", "streaming chat", "Vercel AI SDK", "asistente inteligente", "chat con IA", "embedded chat".

Integra un CMS headless a Next.js para que el cliente edite contenido sin código. Stack: Sanity / Contentful / Strapi. Usar cuando: "CMS", "headless CMS", "Sanity", "sitio administrable", "blog con CMS", "el cliente quiere editar", "GROQ", "live preview", "contenido dinámico", "Strapi".

Dashboards y visualización de datos en React/Next.js. Stack: Recharts / Chart.js. Usar cuando: "dashboard", "gráfica", "chart", "KPIs", "métricas", "stat cards", "bar chart", "pie chart", "line chart", "heatmap", "panel de analytics", "reporting dashboard", "admin panel con datos", "visualizar datos".

Deploy de apps a Railway (Node.js/Express/SQLite) y Vercel (Next.js). Configuración de variables de entorno, dominios, Dockerfile, CI/CD y monitoreo. Usar cuando: "deploy", "Railway", "Vercel", "subir a producción", "variables de entorno", "Dockerfile", "dominio custom", "Railway deploy", "Vercel deploy", "env vars producción", "build command", "start command", "health check", "zero-downtime deploy".

Templates HTML de email transaccional y envío desde web app. Stack: React Email + Resend. Para secuencias de email marketing usar `market-emails`. Usar cuando: "email transaccional", "React Email", "Resend", "template de email", "email de bienvenida HTML", "email de reset", "factura por email", "MJML", "Nodemailer".

Monitoreo de errores, logging estructurado y error boundaries en Next.js. Stack: Sentry + structured logging + fallback UI. Usar cuando: "Sentry", "error tracking", "errores en producción", "error boundary", "logging", "observabilidad", "graceful degradation", "página de error", "500 page".

API REST con Node.js + Express 5: estructura, middleware, validación con Zod, manejo de errores, autenticación JWT y patrones de producción. Usar cuando: "Express", "API REST", "Node.js backend", "Express router", "middleware Express", "Express 5", "API con Express", "servidor Node", "validar request", "JWT en Express", "CORS", "rate limiting", "Express error handler".

Formularios en Next.js/React: validación, submission, errores, multi-step y file upload. Stack: React Hook Form + Zod + Server Actions. Usar cuando: "form", "formulario", "validación de formulario", "React Hook Form", "Zod", "formulario multi-paso", "subir archivo", "useActionState", "form errors".

Integración con GoHighLevel (GHL): OAuth2, webhooks, API v2 y apps de Marketplace. Autenticación de sub-accounts, token refresh, iFrame SSO y verificación de webhooks. Usar cuando: "GoHighLevel", "GHL", "GHL OAuth", "sub-account", "location_id", "GHL webhook", "GHL API", "GHL Marketplace app", "HighLevel integration", "GHL token refresh", "GHL iFrame", "agency GHL", "GHL app install", "GHL custom app", "GHL workflow trigger".

Construye landing pages desde cero o implementa diseños en código Next.js + Tailwind. Para análisis CRO de una landing existente usar `market-landing`. Usar cuando: "construir landing page", "página de ventas", "hero section", "pricing page", "testimonials", "implementar diseño", "Figma a Next.js", "waitlist page", "homepage".

Genera campañas de anuncios para Google, Meta, LinkedIn y TikTok. Usar cuando: "crear anuncios", "Google Ads", "Meta Ads", "Facebook Ads", "PPC", "paid social", "copy para ads", "estructura de campaña", "ROAS", "presupuesto de ads", "quiero hacer ads". Genera AD-CAMPAIGNS.md.

Auditoría completa de marketing con 5 subagentes paralelos. Evalúa y puntúa copy, SEO, funnel, social y competidores en una sola pasada. Usar cuando: "auditoría de marketing", "analiza mi sitio completo", "qué está mal con mi marketing", "audit this URL". Genera MARKETING-AUDIT.md.

Análisis y generación de voz de marca, tono e identidad comunicacional. Usar cuando: "voz de marca", "tono de marca", "brand guidelines", "branding", "rebranding", "cómo suena mi marca", "estilo de comunicación", "quiero definir el tono de mi empresa". Genera BRAND-VOICE.md.

Inteligencia competitiva: mensajería, precios, features y SEO vs competidores. Usar cuando: "analiza a mi competencia", "quién es mi competencia", "cómo me comparo con X", "competitive landscape", "cómo me diferencio", "análisis de posicionamiento". Genera COMPETITOR-REPORT.md.

Análisis y generación de copy para sitios web. Evalúa y reescribe textos que no convierten. Usar cuando: "analiza mi copy", "reescribe mi homepage", "mi texto no convierte", "mejora mis headlines", "propuesta de valor", "copy del landing", "CTA", "about page", "PAS", "AIDA", "puntaje de copy".

Secuencias de email marketing listas para enviar: bienvenida, onboarding, nurture, retención. Usar cuando: "secuencia de emails", "email marketing", "drip campaign", "email de bienvenida", "onboarding emails", "cold outreach", "carrito abandonado", "newsletter", "quiero hacer email marketing".

Análisis y optimización del embudo de ventas de visita a compra. Usar cuando: "embudo de ventas", "funnel analysis", "CRO", "por qué no compran", "dónde pierdo clientes", "optimizar checkout", "signup friction", "onboarding drop-off", "optimizar conversiones".

Análisis CRO de landing pages — identifica por qué no convierten y cómo mejorarlas. Usar cuando: "analiza mi landing", "por qué no convierte", "auditoría CRO", "mejorar tasa de registro", "hero section", "social proof", "A/B test", "optimizar CTA", "página de captura", "checkout". Genera LANDING-CRO.md.

Playbook de lanzamiento semana a semana para productos o servicios. Usar cuando: "plan de lanzamiento", "go-to-market", "GTM", "voy a lanzar", "estrategia de lanzamiento", "pre-launch checklist", "cómo lanzo mi producto", "launch campaign". Genera LAUNCH-PLAYBOOK.md.

Genera propuestas de servicios profesionales para clientes. Incluye pricing, scope y presentación. Usar cuando: "propuesta para cliente", "oferta comercial", "presupuesto para cliente", "presentación de servicios", "quiero ganar un cliente", "agency proposal", "service proposal". Genera CLIENT-PROPOSAL.md.

Reporte de marketing en PDF con gráficos, gauges y tablas visuales para entregar a clientes. Usar cuando: "reporte PDF", "reporte para cliente", "informe profesional con gráficos", "reporte ejecutivo", "deliverable visual", "reporte branded". Genera MARKETING-REPORT.pdf.

Reporte de marketing en Markdown para uso interno con scorecard y resumen ejecutivo. Usar cuando: "reporte de marketing", "informe de marketing", "scorecard de marketing", "generar reporte", "reporte de auditoría". Genera MARKETING-REPORT.md.

Orquestador del suite de marketing — delega a las skills especializadas según la tarea. Usar cuando: "marketing", "estrategia de marketing", "auditoría de marketing", "analiza mi sitio", "copy", "email marketing", "funnel", "propuesta para cliente", "lanzamiento", "voz de marca", "landing page". Punto de entrada general.

Calendario de contenido 30 días para redes sociales, listo para publicar. Usar cuando: "calendario de redes sociales", "posts para Instagram", "contenido para LinkedIn", "ideas para TikTok", "quiero publicar en redes", "estrategia de redes sociales", "cómo crecer en redes", "content repurposing".

Construye agentes IA en n8n con Claude, OpenAI o LangChain. Usar cuando: "n8n AI", "n8n agent", "n8n Claude", "agente n8n", "automatización con IA", "RAG en n8n", "n8n vector store", "n8n memory", "clasificar con IA", "extraer datos con IA", "n8n + GPT".

Expone workflows n8n como APIs o integra n8n con una app web como backend de lógica. Usar cuando: "n8n webhook", "llamar n8n desde Next.js", "n8n como backend", "fire and forget n8n", "n8n HTTP trigger", "n8n responde a webhook", "tarea async n8n", "n8n + Supabase Realtime", "n8n callback", "n8n API".

Genera PDFs desde Node.js/Express o Next.js: HTML→PDF con Puppeteer, plantillas dinámicas, stream vs descarga, cotizaciones y reportes. Usar cuando: "generar PDF", "exportar PDF", "cotización en PDF", "reporte PDF", "Puppeteer PDF", "html-to-pdf", "descargar PDF", "PDF dinámico", "PDF desde template", "factura PDF", "invoice PDF", "puppeteer", "@react-pdf".

Optimiza performance en Next.js: Core Web Vitals, bundle size, lazy loading, imágenes, fonts, code splitting, Suspense, streaming, ISR y estrategia de caché. Usar cuando: "LCP", "CLS", "INP", "página lenta", "bundle grande", "optimizar Next.js", "lazy loading", "React.memo", "useMemo", "caché", "ISR", "PPR".

Prisma ORM con PostgreSQL (Neon/Railway): schema, migraciones, relaciones, transacciones y seeding. Stack: Prisma + PostgreSQL + Next.js App Router / Express. Usar cuando: "Prisma", "schema.prisma", "migración", "modelo de datos", "relaciones Prisma", "prisma migrate", "prisma generate", "$transaction", "seeding", "Prisma Client", "query Prisma", "foreign key", "enum Prisma", "upsert", "incluir relaciones".

Crea presentaciones profesionales de alto impacto (keynotes, pitch decks, propuestas comerciales). Usar cuando: "presentacion profesional", "pitch deck", "crear slides", "deck para cliente", "investor deck", "presentacion para auditorio", "consulting deck", "TED-style", "propuesta visual", "slide deck", "presentacion impactante".

Convierte una web app en PWA instalable con soporte offline y notificaciones push. Stack: Next.js 15 + service worker + Web Push API. Usar cuando: "PWA", "app instalable", "offline", "service worker", "push notifications", "manifest.json", "add to home screen", "que funcione sin internet", "background sync".

Arquitectura SaaS: billing, multi-tenant, onboarding y admin panel. Stack: Next.js 15 + Supabase + Stripe. Usar cuando: "SaaS", "subscripción", "Stripe", "planes de precios", "free trial", "multi-tenant", "monetizar app", "customer portal", "upgrade/downgrade", "app de pago".

Schema.org (JSON-LD), sitemaps XML e imágenes SEO. Rich results, rich snippets, knowledge panels, WebP/AVIF, alt text, LCP de imagen, CLS, srcset. Usar cuando: "schema", "datos estructurados", "JSON-LD", "rich results", "sitemap XML", "optimizar imágenes", "alt text", "WebP", "AVIF", "LCP imagen", "image SEO", "srcset", "lazy loading", "errores schema GSC". "Google Images", "image compression", "fetchpriority", "CLS images", "Product schema", "Article schema", "LocalBusiness schema", "BreadcrumbList", "sitemap not found", "pages not indexed", "crawl coverage", or asks about rich result appearance, schema errors, sitemap generation, or image performance.

Calidad de contenido, E-E-A-T y SEO on-page. Audita títulos, metas, headings, keywords, enlaces internos. Evalúa citabilidad para AI Overviews/ChatGPT/Perplexity. Usar cuando: "E-E-A-T", "calidad de contenido", "contenido delgado", "title tag", "meta description", "H1", "on-page SEO", "auditar página", "keyword density", "legibilidad", "por qué no rankea esta página", "optimizar contenido". not ranking", "on-page analysis", "heading structure", "internal linking", "AI content detection", "content score", "topical authority", "content clusters", "improve content", "page ranking audit", "canonical tag check", "open graph tags".

Auditoría técnica SEO completa: crawlabilidad, indexación, Core Web Vitals, JS rendering, robots.txt, canonical, redirects, seguridad, IndexNow. Motor principal que orquesta subagentes para análisis paralelo. Usar cuando: "SEO", "auditoría SEO", "technical SEO", "Core Web Vitals", "LCP", "INP", "CLS", "page speed", "Googlebot", "no aparezco en Google", "robots.txt", "canonical tags", "crawl budget", "reporte SEO", "diagnóstico del sitio". "noindex problems", "mobile-first indexing", or shares a URL for general analysis.

SEO internacional y local: hreflang, sitios multi-idioma/región, GEO (visibilidad en AI Overviews, ChatGPT, Perplexity, Claude). Cubre x-default, ccTLD, llms.txt, RSL 1.0. Usar cuando: "hreflang", "SEO internacional", "multi-idioma", "multi-región", "geo-targeting", "llms.txt", "AI search", "GEO", "aparecer en ChatGPT/Perplexity", "citas en IA", "país incorrecto en resultados", "x-default". "AI visibility", "generative engine optimization", "AI Mode", "cited by AI", "zero-click AI results", "AI search traffic", "local SEO", "Google Business Profile".

Estrategia SEO, roadmap de contenido, SEO programático a escala y páginas comparativas. Genera planes con arquitectura, análisis competitivo e implementación por fases. Usar cuando: "estrategia SEO", "plan SEO", "keyword research", "roadmap de contenido", "arquitectura del sitio", "SEO programático", "páginas a escala", "quick wins SEO", "aumentar tráfico orgánico", "página X vs Y", "alternativas a X". "alternative to X", "comparison page", "vs page", "alternatives page", "feature matrix", "challenger brand content", "content calendar", "link building plan".