Analytics Dashboard Builder
Claude skill that builds a live GA4 + Search Console + PageSpeed Insights dashboard for any web project.
What you get
- Live GA4 + Search Console + PageSpeed Insights dashboard
- Adapts to the project’s framework, auth, and brand
- Guides Google Cloud / API setup with browser automation
- Includes API client references and a dashboard template
A [Claude skill](https://docs.claude.com/en/docs/claude-code/skills) that builds a live, password-protected analytics dashboard for a website — pulling real data from Google Analytics 4, Google Search Console, and PageSpeed Insights into one self-contained page styled to match the target project's brand.
It doesn't just generate a template. It walks through Google Cloud / GA4 / Search Console / PageSpeed setup (service accounts, API keys, permissions), studies the target codebase first (framework, backend, deployment, auth patterns, brand colors and fonts), and adapts the generated code to fit.
### Install
Drop the `analytics-dashboard-builder/` folder into your skills directory (e.g. `~/.claude/skills/`) and Claude will pick it up automatically.
### Source
Open source on GitHub: [shabbydg/analytics-dashboard-builder](https://github.com/shabbydg/analytics-dashboard-builder) (MIT).