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.

7 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.

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
-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
-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 7 new skills that handle the entire GTM workflow end to end.

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

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

How context flows between skills

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

audit-report.json
      |
      v
gtm-tracking-plan.json
      |
      v
gtm-credentials.json + gtm-config.json
      |
      v
Modified source files + GTM container version
      |
      v
Test results
      |
      v
docs/ folder

Install in 30 seconds

# Install all 7 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