Communitygithub.com

YepAPI/skills

Integration für Webanalytik – Ereignisverfolgung, benutzerdefinierte Dashboards, datenschutzorientiert.

Was ist skills?

Dieses Skill definiert eine datenschutzorientierte Strategie für Webanalytik, die speziell für Entwickler und KI-Agenten konzipiert ist. Es zielt darauf ab, präzise und handlungsrelevante Metriken zu erfassen – etwa benutzerdefinierte Ereignisse wie Registrierungen, Käufe oder Feature-Nutzung – und verzichtet auf übermäßiges Tracking von Seitenaufrufen. Das Skill unterstützt server-seitiges Tracking über Next.js Middleware oder API-Routen, um Genauigkeit zu gewährleisten und Adblocker-Verluste (20-40% der Daten) zu vermeiden. Es empfiehlt datenschutzfreundliche Plattformen wie Plausible, Fathom, Umami oder selbst gehostetes PostHog, alle GDPR-konform. Die Konventionen umfassen die Verwendung von `snake_case`-Benennung im Format Verb_Nomen (z.B. `click_cta`, `submit_form`) sowie die Analyse von UTM-Parametern aus URLs. Zusätzlich werden ein Einwilligungsbanner für die EU, das Herausfiltern von internem Traffic und die Vermeidung von personenbezogenen Daten (PII) gefordert. Dieses Skill eignet sich für Agenten wie Claude Code, Cursor oder Codex und stellt sicher, dass Tracking-Implementierungen gesetzeskonform, sicher und fokussiert auf geschäftskritische Aktionen bleiben.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Webanalytik

Regeln

  • Datenschutzorientiert: Verwende Plausible, Fathom oder Umami für GDPR-Konformität – oder hoste PostHog selbst
  • Server-seitiges Tracking für Genauigkeit: Next.js Middleware oder API-Routen – nicht nur clientseitig
  • Benutzerdefinierte Ereignisse: Erfasse relevante Aktionen (Registrierung, Kauf, feature_used) – nicht nur Seitenaufrufe
  • UTM-Parameter: Analysiere utm_source, utm_medium, utm_campaign aus der URL – speichere sie mit Conversion-Ereignissen
  • Ereignisbenennungskonvention: snake_case, Format Verb_Nomen: click_cta, submit_form, view_pricing
  • Dashboard: Erstelle eine interne Analytikseite mit YepAPI-Domänendaten + deinen eigenen Ereignisdaten
  • Einwilligungsbanner: Erforderlich in der EU – lade Tracking erst nach Einwilligung
  • Internen Traffic ausschließen: Filtere nach IP oder authentifizierten Admin-Benutzern

Vermeiden

  • Google Analytics ohne Cookie-Einwilligung – GDPR-Verstoß
  • Alles zu tracken – konzentriere dich auf handlungsrelevante Metriken, nicht auf Eitelkeits-Seitenaufrufe
  • Nur clientseitiges Tracking – Adblocker entfernen 20-40% der Daten
  • PII (E-Mail, Name) an Analytik zu senden – verwende anonyme IDs

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.

Verwandte Skills