Free Claude Code Skills

Implement Google Tag Manager tracking in hours, not days.

A complete analytics toolkit that takes your site from zero tracking to fully documented GA4 implementation - automated by Claude Code.

11 specialized AI skills that handle every step of GTM implementation: auditing your codebase, standardizing your DOM, planning your tracking strategy, configuring the API, writing dataLayer events, testing automatically with Playwright, and generating stakeholder documentation — plus utility skills to check pipeline progress, preview opportunities, fix failed tests, and diff your live container.

Download from GitHub Read the Docs

Or copy this into your terminal:

npx skills add aimonk2025/google-tag-manager-automation

MIT License. Works with Next.js, React, Vue, and vanilla HTML.

Setting up GTM tracking properly is tedious and error-prone

-Manually hunting through components to find every button and form
-Inconsistent ID and class naming across the codebase — breaking GTM selectors
-No clear strategy for which events actually matter to the business
-GTM API configuration is verbose and easy to get wrong
-Testing requires clicking through the site and watching the console
-No visibility into which steps are done mid-pipeline
-Failed tests tell you what broke, not how to fix it
-Documentation never gets written

Most teams end up with partial tracking, inconsistent naming, and no documentation.

Install once. Run in sequence. Get complete tracking.

Claude Code gets 11 composable skills that handle the entire GTM workflow end to end. Run them in sequence for full implementation, or use individual skills when you only need one piece.

npx skills add aimonk2025/google-tag-manager-automation

Core Pipeline

gtm-analytics-audit

Claude scans your entire codebase - every component, every page - and finds every button, link, form, and media element. It categorizes them, checks what's already tracked, evaluates DOM quality, and generates a prioritized audit-report.json.

You say: “Audit my site for tracking opportunities”

You get: A complete inventory of 47 trackable elements with gap analysis and recommendations

gtm-dom-standardization

Claude reads every component file and adds consistent IDs and CSS classes that GTM can reliably target. It never breaks your visual styles - it only adds the analytics layer on top.

You say: “Standardize my DOM for GTM tracking”

You get: Every element tagged with id="cta_hero_get_started" and class="js-track js-cta js-click js-hero"

gtm-strategy

Claude scans your codebase first, then asks smart business questions. It maps discovered elements to GA4 events, prioritizes them by impact (P0/P1/P2), and builds a complete tracking plan with recommended reports and remarketing audiences.

You say: “Create a tracking plan for my SaaS”

You get: gtm-tracking-plan.json with events, parameters, reporting impact, and audience definitions

gtm-setup

Claude walks you through Google Cloud and GTM API setup step by step. It installs googleapis, guides OAuth credential creation, saves tokens securely, and validates the connection.

You say: “Set up GTM API access”

You get: A working GTM API connection with credentials safely handled and gitignored

gtm-implementation

Claude reads your tracking plan and implements everything: dataLayer.push() calls in every component AND GTM variables, triggers, and tags created via API. One skill does both sides.

You say: “Implement the tracking plan”

You get: 29 elements tracked in code + 5 triggers + 5 tags + 13 variables created in GTM

gtm-testing

Claude runs automated Playwright tests first - no browser required. It intercepts every dataLayer.push() call, validates event names and parameters, and reports PASS/FAIL/WARN per element. Then provides manual checklists for GTM Preview and GA4 DebugView.

You say: “Test my GTM tracking”

You get: Automated test results with exact failure causes and fixes

gtm-reporting

Claude generates five documentation files: event schema, implementation summary, reporting capabilities, remarketing audience definitions, and a non-technical executive summary that stakeholders can actually read.

You say: “Generate documentation for stakeholders”

You get: A complete docs/ folder ready to share with your team

Utility Skills

gtm-quickstart

Shows your top 5 tracking opportunities in one fast scan — with business rationale and effort estimates. No implementation, no API calls. Good for scoping before you commit.

You say: “Show my top tracking opportunities”

You get: Top 5 prioritized tracking opportunities with effort estimates — in seconds

gtm-status

Instant pipeline progress check. See which steps are complete, what output files exist, and exactly what to run next. Completes in seconds with no API calls.

You say: “Check my GTM status”

You get: A clear view of what's done, what's missing, and what to run next

gtm-fix-guide

Reads your failed test results and converts them into prioritized, plain-language fix instructions grouped by root cause. Skip the debugging — go straight to the fix.

You say: “Fix my GTM test failures”

You get: Prioritized fix instructions grouped by root cause, ready to action

gtm-diff

Compares your implementation log against the live GTM container. Surfaces any manual changes made after automation ran so nothing gets lost or accidentally overwritten.

You say: “Diff my GTM container”

You get: A clear diff of what changed manually vs. what automation built

How context flows between skills

Each skill outputs a file the next skill reads. No manual copying.

audit-report.json

DOM structure, element inventory, analytics gaps

gtm-tracking-plan.json

Events, triggers, and variables to implement

gtm-credentials.json + gtm-config.json

API auth and GTM container config

Modified source files + GTM container version

dataLayer events injected, container deployed

Test results

Playwright validation and GA4 DebugView confirmed

docs/ folder

Implementation report, GA4 configs, stakeholder summary

Install in 30 seconds

# Install all 11 skills

npx skills add aimonk2025/google-tag-manager-automation

# Or pick specific ones

npx skills add aimonk2025/google-tag-manager-automation --skill gtm-analytics-audit gtm-strategy gtm-implementation

# See what's available first

npx skills add aimonk2025/google-tag-manager-automation --list

Skills install to ~/.claude/skills/ and are available across all your projects.

Supported frameworks

Next.js (App Router)Full

Next.js (Pages Router)Full

ReactFull

Vue 3Full

Vanilla JS / HTMLFull

Shopify (custom theme)Partial

WordPress (custom theme)Partial

What gets generated

FileSkillWhat it is

audit-report.jsongtm-analytics-auditEvery trackable element with gap analysis

gtm-tracking-plan.jsongtm-strategyEvent specs, parameters, priorities

gtm-credentials.jsongtm-setupOAuth credentials

gtm-token.jsongtm-setupAccess tokens (auto-gitignored)

gtm-config.jsongtm-setupAccount and container IDs

scripts/test-tracking.jsgtm-testingPlaywright test suite

docs/event-schema.mdgtm-reportingTechnical event reference

docs/implementation-summary.mdgtm-reportingWhat was built

docs/reporting-capabilities.mdgtm-reportingGA4 reports now available

docs/audience-definitions.mdgtm-reportingRemarketing segments

docs/executive-summary.mdgtm-reportingStakeholder-ready summary

Requirements

+Claude Code CLI
+Node.js (for gtm-setup and gtm-testing)
+Google Cloud project with Tag Manager API enabled
+GTM container

Ship tracking in hours, not weeks

Free. Open source. Built for marketers and founders who want their tracking done right without the headache.

Learn Claude Code First

MIT License