Communitygithub.com

YepAPI/skills

웹 분석 통합 — 이벤트 추적, 맞춤 대시보드, 프라이버시 우선.

skills란 무엇인가요?

이 스킬은 YepAPI/skills를 기반으로 한 웹 분석 통합 기능을 제공합니다. 개발자는 Plausible, Fathom, Umami와 같은 프라이버시 중심 도구를 사용하여 GDPR을 준수하거나, PostHog를 자체 호스팅할 수 있습니다. 서버 측 추적(Next.js 미들웨어 또는 API 라우트)을 통해 정확도를 높이고, ad blocker로 인한 데이터 손실(20-40%)을 방지합니다. 의미 있는 액션(회원가입, 구매, 기능 사용)을 snake_case와 verb_noun 형식의 맞춤 이벤트로 추적하며, UTM 파라미터를 파싱하여 전환 이벤트와 함께 저장합니다. YepAPI 도메인 데이터와 자체 이벤트 데이터를 결합한 내부 분석 대시보드를 구축할 수 있습니다. EU 규정에 따라 동의 배너를 구현하여 추적 전 사용자 동의를 받아야 하며, 내부 트래픽은 IP 또는 인증된 관리자를 필터링합니다. PII(이메일, 이름)를 전송하지 않고 익명 ID를 사용하는 등 프라이버시를 최우선으로 합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/YepAPI/skills/tree/HEAD/skills/analytics
원본 보기→모든 스킬 둘러보기

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

문서

웹 분석

규칙

  • 프라이버시 우선: GDPR 준수를 위해 Plausible, Fathom, Umami를 사용하거나 PostHog를 자체 호스팅합니다.
  • 정확성을 위한 서버 측 추적: Next.js 미들웨어 또는 API 라우트를 사용하며, 클라이언트 측만 사용하지 않습니다.
  • 맞춤 이벤트: 단순 페이지뷰가 아닌 의미 있는 액션(회원가입, 구매, 기능 사용)을 추적합니다.
  • UTM 파라미터: URL에서 utm_source, utm_medium, utm_campaign을 파싱하여 전환 이벤트와 함께 저장합니다.
  • 이벤트 명명 규칙: snake_case, verb_noun 형식 사용 (click_cta, submit_form, view_pricing).
  • 대시보드: YepAPI 도메인 데이터와 자체 이벤트 데이터를 결합한 내부 분석 페이지를 구축합니다.
  • 동의 배너: EU에서는 필수 — 추적을 로드하기 전에 사용자 동의를 받습니다.
  • 내부 트래픽 제외: IP 또는 인증된 관리자 계정으로 필터링합니다.

피해야 할 사항

  • 쿠키 동의 없이 Google Analytics 사용 — GDPR 위반입니다.
  • 모든 것을 추적하지 않기 — 허영심 페이지뷰가 아닌 실행 가능한 메트릭에 집중합니다.
  • 클라이언트 측만 추적 — ad blocker가 데이터의 20-40%를 제거합니다.
  • PII(이메일, 이름)를 분석 도구에 전송 — 익명 ID를 사용합니다.

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.

관련 스킬

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community