Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add lossless-group/lossless-agent-skills --skill openpanel-analyticsgit clone --depth 1 https://github.com/lossless-group/lossless-agent-skillsWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/lossless-group/lossless-agent-skills/openpanel-analytics)<a href="https://agentmods.dev/skills/lossless-group/lossless-agent-skills/openpanel-analytics"><img src="https://agentmods.dev/badge/skills/lossless-group/lossless-agent-skills/openpanel-analytics/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/lossless-group/lossless-agent-skills/openpanel-analytics"><img src="https://agentmods.dev/badge/skills/lossless-group/lossless-agent-skills/openpanel-analytics.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00127 | $0.01395 |
| Opus 5.5 | $0.00051 | $0.00558 |
| Sonnet 5.5 | $0.00025 | $0.00279 |
| Haiku 4.5 | $0.00013 | $0.00139 |
Grade A, and why
openpanel-analytics scanned grade A with 1 finding against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 10d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Makes network callslowCapability
Not a fault in itself. Listed so you know the mod talks to something, and to what.
description: Adds and verifies OpenPanel analytics on Lossless Astro sites and splash pages, deployed on Vercel, GitHub Pages, or both. Covers the production-only Analytics.astro component, the OPENPANEL_CLIENT_ID variab How it starts
The opening of the file, as written. The whole thing — 95 lines — stays where its author put it; the contents beside it link to each section on GitHub.
OpenPanel analytics
Most Lossless Astro sites and every splash page should carry OpenPanel. It's the default analytics for low-traffic sites: one account covers many sites, behavior tracking is richer than a plain page counter, and self-hosting stays an option later. The pattern is the same everywhere, and nearly every failure so far has been configuration, not code.
Contents
- The component · Environment variable · Per host · OpenPanel dashboard · Verify · Gotchas · Reference
The component
src/components/Analytics.astro, included once in the layout's <head>. exact: copy it as-is.
---
// Analytics: OpenPanel, production-only.
const isProd = import.meta.env.PROD;
const openPanelClientId = import.meta.env.OPENPANEL_CLIENT_ID;
---
{isProd && openPanelClientId && (
<>
<script is:inline define:vars={{ openPanelClientId }}>
window.op=window.op||function(){var n=[];return new Proxy(function(){arguments.length&&n.push([].slice.call(arguments))},{get:function(t,r){return"q"===r?n:function(){n.push([r].concat([].slice.call(arguments)))}} ,has:function(t,r){return"q"===r}}) }();
window.op('init', {
clientId: openPanelClientId,
trackScreenViews: true,
trackOutgoingLinks: true,
trackAttributes: true,
});
</script>
<script is:inline src="https://openpanel.dev/op1.js" defer async></script>
</>
)}
- Production-only.
pnpm devand local previews never send events, so they never pollute the dashboard. - Inert without a client ID. No variable means no script: a site can ship the component before its OpenPanel client exists.
- If the site already layers other trackers (Umami, Fathom), keep them in the same component.
Environment variable
OPENPANEL_CLIENT_IDis the only value the browser needs. It's public by design: it appears in the HTML.- Never put
OPENPANEL_CLIENT_SECRETin a site. Browser tracking doesn't use it. If a repo holds one as a Secret for a site, it's unused and can go. - Locally:
OPENPANEL_CLIENT_ID=in.env.example, with the value only in a gitignored.env.
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 10d ago First seen · 95 lines · 127 tokens per session scan A 028a09448804
openpanel-analytics is a skill published in the GitHub repository lossless-group/lossless-agent-skills (4 stars, last pushed 2d ago), licensed MIT. It adds 127 tokens to every session and 1,395 once invoked, about $0.0005 per session on Opus 5.5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-06.
Other skills, from other repositories
tailwind-css
Master Tailwind CSS v4 with its CSS-first configuration paradigm. Use when writing utility classes, configuring design tokens via @theme, implementing dark mode, migrating from v3, or integrating with React/Vue/Svelte. Triggers on "Tailwind", "utility CSS", "Tailwind v4", "@theme", "dark mode classes", "responsive…
shadcn-ui
Use when adding, customizing, or structuring shadcn/ui components in a project. Also use when dealing with components.json, Tailwind configuration for shadcn, or component registries. Use when working with shadcn/ui, components.json, lucide-react, radix-ui, or Tailwind component registries.
gsd-sketch
Sketch UI/design ideas with throwaway HTML mockups, or propose what to sketch next (frontier mode).
gsd-ui-phase
Generate UI design contract (UI-SPEC.md) for frontend phases.
web-quality-audit
Comprehensive web quality audit covering performance, accessibility, SEO, and best practices. Use when asked to "audit my site", "review web quality", "run lighthouse audit", "check page quality", or "optimize my website".
top-design
Create award-winning, immersive web experiences at the level of Awwwards-featured agencies. Use when the user mentions "Awwwards quality", "make my site stunning", "scroll animations", "parallax storytelling", "cinematic web design", "portfolio site", or "brand experience". Also trigger when elevating a standard…