Skip to main content Startseite Ersteller jeremylongshore claude-code-plugins-plus-skills webflow-debug-bundle
webflow-debug-bundle Collect Webflow debug evidence for support tickets and troubleshooting.
Gathers SDK version, token validation, rate limit status, site connectivity,
CMS health, and error logs into a single diagnostic bundle.
Trigger with phrases like "webflow debug", "webflow support bundle",
"collect webflow logs", "webflow diagnostic", "webflow troubleshoot".
Zur Installation springen Skills Marktplatz Entdecken und erkunden Sie KI-Skills, die von der Community erstellt wurden.
Mit Codex oder Claude installieren Kopieren Sie diesen Prompt, fügen Sie ihn in Codex, Claude oder einen anderen Assistant ein und lassen Sie die Skill-Seite prüfen und installieren.
Prompt-Details anzeigen Ein direkter Befehl überspringt den Prüf-Prompt. Prüfen Sie die Quelle, bevor Sie ihn ausführen.
npx skills add https://github.com/jeremylongshore/claude-code-plugins-plus-skills --skill webflow-debug-bundleDer Befehl bleibt in einer Zeile. Scrollen Sie horizontal, um ihn vor dem Kopieren vollständig zu prüfen.
Sie bevorzugen eine lokale Kopie? Laden Sie die Dateien herunter, die SkillsMP derzeit vorliegen.
ZIP herunterladen Herunterladen... Mehr aus diesem Repository Implement user sign-up and sign-in flows with Clerk.
Use when building authentication UI, customizing sign-in experience,
or implementing OAuth social login.
Trigger with phrases like "clerk sign-in", "clerk sign-up",
"clerk login flow", "clerk OAuth", "clerk social login".
Implement session management and middleware with Clerk.
Use when managing user sessions, configuring route protection,
or implementing token refresh and custom JWT templates.
Trigger with phrases like "clerk session", "clerk middleware",
"clerk route protection", "clerk token", "clerk JWT".
Configure enterprise SSO, role-based access control, and organization management.
Use when implementing SSO integration, configuring role-based permissions,
or setting up organization-level controls.
Trigger with phrases like "clerk SSO", "clerk RBAC",
"clerk enterprise", "clerk roles", "clerk permissions", "clerk organizations".
Verwandte Berufe SOC
Basierend auf der SOC-Berufsklassifikation
name webflow-debug-bundle description Collect Webflow debug evidence for support tickets and troubleshooting.
Gathers SDK version, token validation, rate limit status, site connectivity,
CMS health, and error logs into a single diagnostic bundle.
Trigger with phrases like "webflow debug", "webflow support bundle",
"collect webflow logs", "webflow diagnostic", "webflow troubleshoot".
allowed-tools Read, Bash(npm:*), Bash(npx:*), Bash(curl:*), Bash(tar:*), Grep version 1.5.0 license MIT author Jeremy Longshore <jeremy@intentsolutions.io> tags ["saas","design","no-code","webflow"] compatibility Designed for Claude Code
Webflow Debug Bundle
Overview
Collect comprehensive diagnostic information for Webflow integration troubleshooting.
Generates a support-ready bundle with SDK version, token status, rate limits, site
health, and redacted configuration.
Prerequisites
webflow-api SDK installedAccess to application logs
Permission to run diagnostic commands
Instructions
Step 1: Debug Bundle Script
#!/bin/bash
set -euo pipefail
BUNDLE_DIR="webflow-debug-$(date +%Y%m%d-%H%M%S) "
mkdir -p "$BUNDLE_DIR "
echo "=== Webflow Debug Bundle ===" | tee "$BUNDLE_DIR /summary.txt"
echo "Generated: $(date -u +%Y-%m-%dT%H:%M:%SZ) " | tee -a "$BUNDLE_DIR /summary.txt"
echo "" >> "$BUNDLE_DIR /summary.txt"
echo "--- Environment ---" >> "$BUNDLE_DIR /summary.txt"
echo "Node.js: $(node --version 2>/dev/null || echo 'not found') " >> "$BUNDLE_DIR /summary.txt"
echo "npm: $(npm --version 2>/dev/null || echo 'not found') " >> "$BUNDLE_DIR /summary.txt"
echo "OS: $(uname -s) >> $(uname -r)
"$BUNDLE_DIR /summary.txt"
echo
"WEBFLOW_API_TOKEN: ${WEBFLOW_API_TOKEN:+[SET]} ${WEBFLOW_API_TOKEN:-[NOT SET]} "
"$BUNDLE_DIR /summary.txt"
echo
"WEBFLOW_SITE_ID: ${WEBFLOW_SITE_ID:+[SET]} ${WEBFLOW_SITE_ID:-[NOT SET]} "
"$BUNDLE_DIR /summary.txt"
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- SDK Version ---"
"$BUNDLE_DIR /summary.txt"
"$BUNDLE_DIR /summary.txt"
echo
"webflow-api: not installed"
"$BUNDLE_DIR /summary.txt"
echo
"Latest available: $(npm view webflow-api version 2>/dev/null || echo 'unknown') "
"$BUNDLE_DIR /summary.txt"
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- API Connectivity ---"
"$BUNDLE_DIR /summary.txt"
if
"${WEBFLOW_API_TOKEN:-} "
then
"$BUNDLE_DIR /sites-response.json"
"%{http_code}"
"Authorization: Bearer $WEBFLOW_API_TOKEN "
echo
"Sites endpoint: HTTP $HTTP_CODE "
"$BUNDLE_DIR /summary.txt"
if
"$HTTP_CODE "
"200"
then
cat
"$BUNDLE_DIR /sites-response.json"
"import sys,json; print(len(json.load(sys.stdin).get('sites',[])))"
echo
"parse error"
echo
"Accessible sites: $SITE_COUNT "
"$BUNDLE_DIR /summary.txt"
fi
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- Rate Limit Status ---"
"$BUNDLE_DIR /summary.txt"
"Authorization: Bearer $WEBFLOW_API_TOKEN "
"x-ratelimit\|retry-after\|content-type"
"$BUNDLE_DIR /summary.txt"
echo
"Could not read headers"
"$BUNDLE_DIR /summary.txt"
else
echo
"Skipped (no WEBFLOW_API_TOKEN set)"
"$BUNDLE_DIR /summary.txt"
fi
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- Webflow Platform Status ---"
"$BUNDLE_DIR /summary.txt"
"import sys,json; d=json.load(sys.stdin); print(f\"Status: {d['status']['description']}\")"
"$BUNDLE_DIR /summary.txt"
echo
"Could not reach status page"
"$BUNDLE_DIR /summary.txt"
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- Config (redacted) ---"
"$BUNDLE_DIR /summary.txt"
for
in
env
do
if
"$envfile "
then
echo
"[$envfile ]"
"$BUNDLE_DIR /config-redacted.txt"
's/=.*/=***REDACTED***/'
"$envfile "
"$BUNDLE_DIR /config-redacted.txt"
echo
""
"$BUNDLE_DIR /config-redacted.txt"
fi
done
"$BUNDLE_DIR /config-redacted.txt"
echo
"See config-redacted.txt"
"$BUNDLE_DIR /summary.txt"
echo
"No .env files found"
"$BUNDLE_DIR /summary.txt"
echo
""
"$BUNDLE_DIR /summary.txt"
echo
"--- Recent Errors ---"
"$BUNDLE_DIR /summary.txt"
if
"logs"
then
"webflow\|429\|401\|403\|500"
tail
"$BUNDLE_DIR /errors.txt"
true
echo
"See errors.txt"
"$BUNDLE_DIR /summary.txt"
else
echo
"No logs/ directory found"
"$BUNDLE_DIR /summary.txt"
fi
"$BUNDLE_DIR .tar.gz"
"$BUNDLE_DIR "
rm
"$BUNDLE_DIR "
echo
""
echo
"Bundle created: $BUNDLE_DIR .tar.gz"
echo
"Review for sensitive data before sharing."
Step 2: TypeScript Diagnostic Script For deeper programmatic diagnostics:
import { WebflowClient } from "webflow-api" ;
interface DiagnosticReport {
timestamp : string ;
sdk : { version : string ; installed : boolean };
auth : { valid : boolean ; error ?: string };
sites : Array <{ id : string ; name : string ; lastPublished : string | null }>;
collections : Array <{ siteId : string ; id : string ; name : string ; itemCount : number }>;
rateLimits : { note : string };
platformStatus : string ;
}
async function runDiagnostics (Promise <DiagnosticReport > {
const report : DiagnosticReport = {
timestamp : new Date ().toISOString (),
sdk : { version : "unknown" , installed : false },
auth : { valid : false },
sites : [],
collections : [],
rateLimits : { note : "Check response headers for X-RateLimit-Remaining" },
platformStatus : "unknown" ,
};
try {
const pkg = await import ("webflow-api/package.json" , { assert : { type : "json" } });
report.sdk = { version : pkg.default .version , installed : true };
} catch {
report.sdk = { version : "unknown" , installed : true };
}
const webflow = new WebflowClient ({
accessToken : process.env .WEBFLOW_API_TOKEN !,
});
try {
const { sites } = await webflow.sites .list ();
report.auth = { valid : true };
report.sites = (sites || []).map (s =>id : s.id !,
name : s.displayName !,
lastPublished : s.lastPublished || null ,
}));
for (const site of sites || []) {
const { collections } = await webflow.collections .list (site.id !);
for (const col of collections || []) {
report.collections .push ({
siteId : site.id !,
id : col.id !,
name : col.displayName !,
itemCount : col.itemCount || 0 ,
});
}
}
} catch (err : any ) {
report.auth = { valid : false , error : `${err.statusCode} : ${err.message} ` };
}
try {
const res = await fetch ("https://status.webflow.com/api/v2/status.json" );
const data = await res.json ();
report.platformStatus = data.status ?.description || "unknown" ;
} catch {
report.platformStatus = "unreachable" ;
}
return report;
}
runDiagnostics ().then (report =>console .log (JSON .stringify (report, null , 2 ));
}).catch (console .error );
Step 3: Run Diagnostics
chmod +x webflow-debug-bundle.sh
./webflow-debug-bundle.sh
npx tsx webflow-diagnostics.ts
Sensitive Data Handling ALWAYS REDACT before sharing:
API tokens and OAuth secrets
Customer emails and PII from form submissions
Webhook secrets
HTTP status codes and error messages
SDK/Node.js versions
Site IDs and collection IDs (not sensitive)
Rate limit headers
Platform status
Output
webflow-debug-YYYYMMDD-HHMMSS.tar.gz archive containing:
summary.txt — Environment, SDK version, connectivity, rate limitssites-response.json — API response (if token valid)config-redacted.txt — Environment files with values maskederrors.txt — Recent error logs
Error Handling Issue Cause Solution curl: command not foundcurl not installed apt install curl or use TypeScript diagnosticsSites endpoint 401 Token expired Generate new token Status page unreachable Network issue Check DNS/firewall Empty error logs No logs/ directory Check app logging configuration
Resources
Next Steps For rate limit issues, see webflow-rate-limits.
