custom-code-management

custom-code-management

Add, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars). Use for analytics, tracking pixels, chat widgets, or any custom JavaScript.

8звезд
0форков
Обновлено 1/21/2026
SKILL.md
readonlyread-only
name
custom-code-management
description

Add, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars). Use for analytics, tracking pixels, chat widgets, or any custom JavaScript.

Custom Code Management

Concepts

Webflow custom code: register (store script) → apply (attach to site). Inline scripts only via MCP (max 10,000 chars).

Important note

ALWAYS use Webflow MCP tools for all operations:
Use the following tools for all operations:

  • data_scripts_tool with actions list_registered_scripts / list_applied_scripts - List scripts
  • data_scripts_tool with action add_inline_site_script - Register inline script (no <script> tags)
  • data_scripts_tool with action delete_all_site_scripts - Remove ALL scripts (no selective delete)
  • data_sites_tool with action list_sites - List available sites

Instructions

View Scripts

  1. Call data_sites_tool with action list_sites if needed, then call both list tools in parallel
  2. Display registration and application status

Add Script

  1. Gather: name, code, location (header/footer)
  2. Validate: under 10,000 chars, no <script> tags
  3. Preview with character count, require "add" to confirm
  4. Call data_scripts_tool with action add_inline_site_script with displayName, sourceCode, version, location, canCopy
  5. Remind user to publish

Remove Scripts

  1. List current scripts
  2. Warn: removes ALL scripts (no selective delete)
  3. Require "delete all" to confirm
  4. Remind user to publish

Constraints

  • Max 10,000 characters per script
  • Do NOT include <script> tags (Webflow adds them)
  • displayName + version must be unique
  • Site-level only (no page-specific via MCP)
  • Hosted scripts not available via MCP

Response Format

After adding a script, respond with the script name, location, and version. Suggest using the safe-publish skill to publish changes.

You Might Also Like

Related Skills

coding-agent

coding-agent

179Kdev-codegen

Run Codex CLI, Claude Code, OpenCode, or Pi Coding Agent via background process for programmatic control.

add-uint-support

add-uint-support

97Kdev-codegen

Add unsigned integer (uint) type support to PyTorch operators by updating AT_DISPATCH macros. Use when adding support for uint16, uint32, uint64 types to operators, kernels, or when user mentions enabling unsigned types, barebones unsigned types, or uint support.

at-dispatch-v2

at-dispatch-v2

97Kdev-codegen

Convert PyTorch AT_DISPATCH macros to AT_DISPATCH_V2 format in ATen C++ code. Use when porting AT_DISPATCH_ALL_TYPES_AND*, AT_DISPATCH_FLOATING_TYPES*, or other dispatch macros to the new v2 API. For ATen kernel files, CUDA kernels, and native operator implementations.

skill-writer

skill-writer

97Kdev-codegen

Guide users through creating Agent Skills for Claude Code. Use when the user wants to create, write, author, or design a new Skill, or needs help with SKILL.md files, frontmatter, or skill structure.

Implements JavaScript classes in C++ using JavaScriptCore. Use when creating new JS classes with C++ bindings, prototypes, or constructors.

Creates JavaScript classes using Bun's Zig bindings generator (.classes.ts). Use when implementing new JS APIs in Zig with JSC integration.