Agent skill

Webflow Observability

by jeremylongshore in jeremylongshore/tons-of-skills-marketplace

Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data.

MITAuto-check passedDevOps & Cloud

Install Webflow Observability

skills CLI
$ npx skills add jeremylongshore/tons-of-skills-marketplace --skill webflow-observability -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace webflow-observability --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/jeremylongshore/tons-of-skills-marketplace.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/.curated/webflow-observability .claude/skills/webflow-observability && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
webflow-observability
GitHub stars
2.8k
Token cost
~1.2k tokens
SKILL.md length
538 words
Files
2 (incl. references)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data.

  • Works in 6 steps: Define service-level objectives for… → Instrument request count, latency,… → Track rate headroom and CDN… → …
  • With monitor Webflow
  • SKILL.md covers Overview, Prerequisites, Tool Discipline and Current Contract, plus 7 more sections
  • Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md

What it does

Webflow Observability is an agent skill from jeremylongshore/tons-of-skills-marketplace. Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data. Use when adding metrics, logs, traces, or alerts. Trigger with "monitor Webflow", "Webflow observability", or "Webflow alerts".

Its SKILL.md is about 1.2k tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including reference files (for example `references/official-docs.md`). Compatibility notes: Designed for Claude Code

It sits in DevOps & Cloud, covering Observability, Webhooks and Deployment. It works with Webflow. The repository describes itself as: Model-agnostic agent-skills platform with a harness-free canonical layer, verified adapters, and the ccpi package manager. Explore at tonsofskills.com. The licence is MIT.

When your agent uses it

  • With monitor Webflow
  • Webflow observability

Example prompts

  • “monitor Webflow”
  • “Webflow observability”
  • “Webflow alerts”
  • “/webflow-observability”

Requirements

  • Compatibility (from SKILL.md): Designed for Claude Code
  • Pre-approved tools (allowed-tools): Read, Glob, Grep, WebFetch, Write, Edit

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Define service-level objectives for freshness, successful reads/writes, publish latency, webhook processing, and deployment availability.
  2. Instrument request count, latency, status, error code, retry count, endpoint family, environment, and redacted site identity.
  3. Track rate headroom and CDN HIT/MISS/BYPASS separately; avoid high-cardinality item IDs and personal data.
  4. Measure webhook verification failures, age, duplicates, queue delay, handler duration, and last successful event by trigger.
  5. For Cloud apps, correlate build/runtime logs and terminal deployment state with deployment IDs.
  6. Add actionable alerts with owner, evidence link, safe first check, and a threshold based on observed baseline.

What it can do on your machine

Read from SKILL.md and the folder at commit 80f86df. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Glob
    • Grep
    • WebFetch
    • Write
    • Edit

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    No scripts in the folder and no shell commands in SKILL.md.

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    Links to these hosts (documentation or services it may open):

    • developers.webflow.com

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

  • Compatibility

    Designed for Claude Code

    From compatibility in the SKILL.md frontmatter.

Context cost

Webflow Observability loads about 1.2k tokens when it runs, and up to ~1.4k if it reads all its reference files. Until then it costs about 71 tokens; SKILL.md has 538 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~71
When it runs · the whole SKILL.md, loaded when a task matches
~1.2k
With references · SKILL.md plus every file in references/, read only if the agent opens them
~1.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from jeremylongshore/tons-of-skills-marketplace at commit 80f86df, republished under its MIT licence (© jeremylongshore). 538 words, ~1,206 tokens.

Download SKILL.mdSave it as .claude/skills/webflow-observability/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
webflow-observability
description
Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data. Use when adding metrics, logs, traces, or alerts. Trigger with "monitor Webflow", "Webflow observability", or "Webflow alerts".
allowed-tools
Read, Glob, Grep, WebFetch, Write, Edit
compatibility
Designed for Claude Code
argument-hint
[project-path] [service-or-environment]
version
1.6.0
author
Jeremy Longshore <jeremy@intentsolutions.io>
license
MIT
tags
saas, webflow, observability, monitoring
model
inherit
effort
medium

Webflow Integration Observability

Overview

This skill produces a repo-grounded Webflow plan or implementation. It treats current official documentation and the target project's installed versions as authority, keeps discovery read-only, and separates preparation from live mutation.

Prerequisites

  • A named target repository or project path and permission to inspect it
  • The intended Webflow environment and non-secret resource identities, or a plan to discover them read-only
  • Access to current official Webflow documentation; credentials stay in the user's existing secret store

Tool Discipline

Use Read for repository instructions and relevant files, Glob to inventory manifests and Webflow integration paths, and Grep to locate API hosts, IDs, scopes, and credential names. Use WebFetch only for current official Webflow documentation. Use Write for a new user-requested artifact and Edit for minimal changes to existing files after the evidence pass.

Current Contract

  • Record HTTP status plus Webflow code, message, and bounded details; do not rely on exception text alone.
  • Rate-limit headers and Retry-After explain request-budget pressure; Content Delivery adds cf-cache-status for cache behavior.
  • Webhook registration exposes operational fields such as lastTriggered, while delivery health also depends on handler latency and deduplication.
  • Webflow Cloud deployment and runtime logs are tied to app, environment, and deployment IDs; successful enqueue is not a deployment success metric.

Authentication

Authenticate Data API calls with a bearer token selected for the integration: a site token for controlled single-site work, a workspace token only for its supported workspace/read use cases, or OAuth for user-authorized applications. Derive scopes from the exact endpoints. Never read, echo, persist, or place token values in commands, patches, examples, logs, or reports.

Workflow

  1. Define service-level objectives for freshness, successful reads/writes, publish latency, webhook processing, and deployment availability.
  2. Instrument request count, latency, status, error code, retry count, endpoint family, environment, and redacted site identity.
  3. Track rate headroom and CDN HIT/MISS/BYPASS separately; avoid high-cardinality item IDs and personal data.
  4. Measure webhook verification failures, age, duplicates, queue delay, handler duration, and last successful event by trigger.
  5. For Cloud apps, correlate build/runtime logs and terminal deployment state with deployment IDs.
  6. Add actionable alerts with owner, evidence link, safe first check, and a threshold based on observed baseline.
Show full SKILL.md (179 more words)Show less

Approval Boundaries

Default to read-only inspection. Before any create, update, delete, publish, unpublish, archive, deploy, token revoke, or webhook registration, show the exact environment and resource IDs, the proposed change, validation method, and rollback or compensating action. Proceed only when the user's request clearly authorizes that mutation; require a fresh explicit approval for production publication or destructive work.

Output

Return the inspected project and versions, verified Webflow identities, relevant endpoint and scope contract, changes proposed or made, validation evidence, live-mutation status, rollback readiness, and remaining risks. Distinguish documented fact, repository evidence, and inference.

Error Handling

ConditionResponse
Metrics contain payload dataRemove or hash sensitive dimensions and rotate affected telemetry access if needed.
Alert has no actionTie it to a runbook step and verified identity.
Success measured at enqueueChange the signal to terminal state plus public-route verification.

Examples

Alert when a verified production token's rate headroom stays low while origin MISS traffic rises, linking the endpoint class and runbook without logging item payloads or bearer headers.

Resources

© jeremylongshore, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file (references) in skills/.curated/webflow-observability of jeremylongshore/tons-of-skills-marketplace.

  • SKILL.md
  • references/official-docs.md

Open the folder on GitHubat commit 80f86df

Compare with similar skills

Webflow Observability next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Webflow Observability compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Webflow Observability this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.2kAutomated safety check: PassMIT
Implementing Honeytokens For Breach Detectionmukul975/Anthropic-Cybersecurity-Skills34k—~593Automated safety check: WarnApache-2.0
Cx Observability Setupcoralogix/cx-cli121—~2.3kAutomated safety check: PassApache-2.0
Kubeshark Installerkubeshark/kubeshark12k—~3.6kAutomated safety check: NotesApache-2.0
KubeSphere ServiceMesh Managerkubesphere/kubesphere17k—~2.4kAutomated safety check: PassCustom licence
Google Agents CLI Observabilitypifferologo/cloud-agents-cli1291 repos~2.5kAutomated safety check: PassApache-2.0

Similar skills

  • Implementing Honeytokens For Breach Detection

    mukul975/Anthropic-Cybersecurity-Skills

    Deploys canary tokens and honeytokens (fake AWS credentials, DNS canaries, document beacons, database records) that trigger alerts when accessed by attackers.

    34k GitHub stars~593 tokensUpdated 1 mo ago
    DevOps & CloudAuto-check: warnings
  • Cx Observability Setup

    coralogix/cx-cli

    A skill your agent uses when the user asks to "set up monitoring", "configure observability", "onboard new service", "create saved view", "set up notifications", "configure webhook", "set up Slack…

    121 GitHub stars~2.3k tokensUpdated 2 days ago
    DevOps & CloudAuto-check passed
  • Kubeshark Installer

    kubeshark/kubeshark

    Installs and configures Kubeshark on a Kubernetes cluster, choosing between the quick CLI path and a Helm install with custom values.

    12k GitHub stars~3.6k tokensUpdated 2 days ago
    DevOps & CloudAuto-check: notes
  • KubeSphere ServiceMesh Manager

    kubesphere/kubesphere

    Installs, checks and troubleshoots the KubeSphere ServiceMesh extension (Istio, Kiali, Jaeger), including grayscale release, sidecar injection, topology and tracing issues.

    17k GitHub stars~2.4k tokensUpdated 2 mo ago
    DevOps & CloudAuto-check passed
  • Google Agents CLI Observability

    pifferologo/cloud-agents-cli

    This skill should be used when the user wants to "set up tracing", "monitor my ADK agent", "configure logging", "add observability", "debug production traffic", or needs guidance on monitoring…

    129 GitHub starsUsed in 1 repo~2.5k tokens
    DevOps & CloudAuto-check passed
  • Deploy Observability

    aliyun/alibabacloud-observability-mcp-server

    Deploy, start, and update the Alibaba Cloud Observability MCP Server (阿里云可观测 MCP Server).

    166 GitHub stars~2.6k tokensUpdated 1 mo ago
    DevOps & CloudAuto-check: notes

More from jeremylongshore/tons-of-skills-marketplace

All 3,342 skills in this repo
  • Performing Security Code Review

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to conduct a security-focused code review using the security-agent plugin.

    2.8k GitHub starsUsed in 2 repos~1.3k tokens
    Auto-check: notes
  • Adapting Transfer Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill automates the adaptation of pre-trained machine learning models using transfer learning techniques.

    2.8k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Agent Context Loader

    jeremylongshore/tons-of-skills-marketplace

    Execute proactive auto-loading: automatically detects and loads agents.md files.

    2.8k GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Aggregating Performance Metrics

    jeremylongshore/tons-of-skills-marketplace

    Aggregate and centralize performance metrics from applications, systems, databases, caches, and services.

    2.8k GitHub stars~1.2k tokensUpdated yesterday
    Auto-check passed
  • Analyzing Capacity Planning

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to analyze capacity requirements and plan for future growth.

    2.8k GitHub stars~947 tokensUpdated yesterday
    Auto-check passed
  • Analyzing Database Indexes

    jeremylongshore/tons-of-skills-marketplace

    Process use when you need to work with database indexing. An agent skill from jeremylongshore/tons-of-skills-marketplace.

    2.8k GitHub stars~2k tokensUpdated yesterday
    Auto-check passed

Works with

Questions about Webflow Observability

What does Webflow Observability do?

Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data. Webflow Observability is an agent skill from jeremylongshore/tons-of-skills-marketplace. Instrument a Webflow integration around API budgets, errors, cache behavior, webhooks, and deployments without leaking sensitive data.

When should I use Webflow Observability?

Webflow Observability fits situations like: with monitor Webflow; webflow observability.

How do I install Webflow Observability in Claude Code?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill webflow-observability -a claude-code`. Or copy the skill folder (skills/.curated/webflow-observability in jeremylongshore/tons-of-skills-marketplace) into .claude/skills/webflow-observability in your project. Claude Code loads it when a task matches its description.

How do I install Webflow Observability in Codex?

Run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill webflow-observability -a codex`. Or copy the skill folder (skills/.curated/webflow-observability in jeremylongshore/tons-of-skills-marketplace) into .agents/skills/webflow-observability in your project. Codex loads it when a task matches its description.

Can I use Webflow Observability in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add jeremylongshore/tons-of-skills-marketplace --skill webflow-observability -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/webflow-observability, .gemini/skills/webflow-observability, .github/skills/webflow-observability and .opencode/skills/webflow-observability in your project.

What does Webflow Observability need to run?

SKILL.md names no scripts, command-line tools or credentials: Webflow Observability is instructions for the agent only. Its frontmatter pre-approves these tools: Read, Glob, Grep, WebFetch, Write, Edit. Compatibility (from SKILL.md): Designed for Claude Code.

Does Webflow Observability access the network?

SKILL.md names 1 domain. As links in the text: developers.webflow.com. This is read from the text; nothing was executed.

Is Webflow Observability safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Webflow Observability use?

Webflow Observability is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Webflow Observability use?

About 1.2k tokens (SKILL.md is roughly 4.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 216 tokens, read only when the agent opens those files.

What are the alternatives to Webflow Observability?

Skills that share tags, products or a category with Webflow Observability: Implementing Honeytokens For Breach Detection (mukul975/Anthropic-Cybersecurity-Skills, 34k stars), Cx Observability Setup (coralogix/cx-cli, 121 stars), Kubeshark Installer (kubeshark/kubeshark, 12k stars) and KubeSphere ServiceMesh Manager (kubesphere/kubesphere, 17k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Webflow Observability?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,825 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 9, 2026.

Source: jeremylongshore/tons-of-skills-marketplace on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.