Communitygithub.com

YepAPI/skills

Integración de analítica web: seguimiento de eventos, paneles personalizados, con prioridad en la privacidad.

¿Qué es skills?

Esta skill configura la analítica web de un sitio o aplicación siguiendo un enfoque que prioriza la privacidad del usuario. Recomienda herramientas como Plausible, Fathom, Umami o PostHog autoalojado para cumplir con normativas como el GDPR. Promueve el uso de seguimiento del lado del servidor (middleware de Next.js o API routes) en lugar de depender únicamente de scripts en el cliente, que son vulnerables a bloqueadores de anuncios. Define una convención de nomenclatura para eventos personalizados en formato `snake_case` y `verbo_sustantivo`, y sugiere rastrear acciones significativas como registros o usos de funciones. Además, incluye pautas para parsear parámetros UTM, construir paneles internos combinando datos de YepAPI con eventos propios, gestionar banners de consentimiento (obligatorio en la UE) y filtrar el tráfico interno para obtener métricas más precisas. La skill está diseñada para plataformas como Claude Code, Cursor o Codex, y su documentación (SKILL.md) detalla reglas claras y errores a evitar.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/analytics

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Analítica Web

Reglas

  • Prioridad a la privacidad: utiliza Plausible, Fathom o Umami para cumplir con el RGPD — o autoaloja PostHog
  • Seguimiento del lado del servidor para mayor precisión: middleware de Next.js o rutas API — no solo en el lado del cliente
  • Eventos personalizados: rastrea acciones significativas (registro, compra, característica_usada) — no solo vistas de página
  • Parámetros UTM: analiza utm_source, utm_medium, utm_campaign de la URL — almacena junto con los eventos de conversión
  • Convención de nomenclatura de eventos: snake_case, formato verbo_sustantivo: click_cta, enviar_formulario, ver_precios
  • Panel de control: crea una página de analítica interna usando datos del dominio de YepAPI + tus propios datos de eventos
  • Banner de consentimiento: obligatorio en la UE — solo cargar seguimiento después del consentimiento
  • Excluir tráfico interno: filtrar por IP o usuarios administradores autenticados

Evitar

  • Google Analytics sin consentimiento de cookies — infracción del RGPD
  • Rastrearlo todo — céntrate en métricas accionables, no en vanas vistas de página
  • Seguimiento solo del lado del cliente — los bloqueadores de anuncios eliminan entre el 20 y el 40 % de los datos
  • Enviar PII (correo electrónico, nombre) a la analítica — utiliza IDs anónimos

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

YepAPI/skills

WCAG 2.1 AA — semantic HTML, keyboard navigation, screen readers.

YepAPI/skills

Experiment setup, variant splitting, statistical significance, and feature flag integration.

YepAPI/skills

CRUD generators, data tables, user management, role-based access, and bulk operations.

YepAPI/skills

Monitor what ChatGPT and Gemini say about your brand using YepAPI.

YepAPI/skills

Queue workers with BullMQ/Inngest/Trigger.dev, job retries, dead letter queues, concurrency.

YepAPI/skills

Commander.js, interactive prompts with Clack, spinners, colors, config files, exit codes, and npm publishing.

YepAPI/skills

cmdk integration, Cmd+K trigger, fuzzy search, grouped actions, keyboard navigation, and dynamic action registration.

YepAPI/skills

Content planning with trend and sentiment data from YepAPI.

YepAPI/skills

Content calendar, keyword-driven planning, and content briefs.

YepAPI/skills

Theme switching with CSS variables, system preference detection, next-themes, and persistence.

YepAPI/skills

Threaded comments, @mentions, reactions, moderation queue, optimistic UI, and cursor pagination.

YepAPI/skills

Competitive analysis between domains using YepAPI.

YepAPI/skills

Layout grids, KPI cards, data tables with sorting/filtering, sidebar navigation, and responsive breakpoints.

YepAPI/skills

Data encryption — TLS everywhere, AES-256-GCM for PII, bcrypt passwords, encrypted backups.

YepAPI/skills

Chart patterns with Recharts/Nivo/D3, responsive containers, color scales, and accessibility.

YepAPI/skills

Drizzle schema definition, push vs migrate, type-safe queries, relations, transactions, and prepared statements.

YepAPI/skills

Upload handling, resize/compress, CDN delivery, blur placeholders, and next/image patterns.

YepAPI/skills

Local business and Google Maps research using YepAPI.

YepAPI/skills

Cursor-based pagination, IntersectionObserver, virtualized lists with @tanstack/react-virtual, and scroll position restoration.

YepAPI/skills

Chat UI components, streaming responses with AI SDK, context window management, and RAG patterns.

Skills relacionados