Agent skill
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.
Install this agent skill to your Project
npx add-skill https://github.com/webflow/webflow-skills/tree/main/plugins/webflow-skills/skills/custom-code-management
SKILL.md
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_toolwith actionslist_registered_scripts/list_applied_scripts- List scriptsdata_scripts_toolwith actionadd_inline_site_script- Register inline script (no<script>tags)data_scripts_toolwith actiondelete_all_site_scripts- Remove ALL scripts (no selective delete)data_sites_toolwith actionlist_sites- List available sites
Instructions
View Scripts
- Call
data_sites_toolwith actionlist_sitesif needed, then call both list tools in parallel - Display registration and application status
Add Script
- Gather: name, code, location (header/footer)
- Validate: under 10,000 chars, no
<script>tags - Preview with character count, require "add" to confirm
- Call
data_scripts_toolwith actionadd_inline_site_scriptwith displayName, sourceCode, version, location, canCopy - Remind user to publish
Remove Scripts
- List current scripts
- Warn: removes ALL scripts (no selective delete)
- Require "delete all" to confirm
- 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.
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
flowkit-naming
Apply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions. Flowkit is Webflow's official CSS framework with utility-first approach.
accessibility-audit
Run comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates detailed reports with fixes. Requires Webflow Designer connection. Excludes image alt text (covered by asset-audit skill).
asset-audit
Analyze assets on a Webflow site for SEO optimization. Identifies assets missing alt text and assets with non-SEO-friendly names, then generates and applies improvements.
site-audit
Comprehensive audit of a Webflow site including pages, CMS collections, health scoring, and actionable insights. Use for site analysis, migration planning, or understanding site structure.
link-checker
Find and fix broken or insecure links across an entire site, including CMS content, to improve SEO and user experience. Audits HTTP/HTTPS issues and validates all internal and external links.
cms-best-practices
Expert guidance on Webflow CMS architecture and best practices. Use when planning collections, setting up relationships, optimizing content structure, or troubleshooting CMS issues.
Didn't find tool you were looking for?