webflow-mcp:custom-code-management — скилл для Claude Code
Управляет встроенным JavaScript на сайте Webflow через MCP. Позволяет добавлять и удалять скрипты аналитики или чат-виджетов на уровне сайта или отдельных страниц.
npx skills add webflow/webflow-skills --skill webflow-mcp:custom-code-management -a claude-code
npx skills add webflow/webflow-skills --skill custom-code-management -a claude-codeЧто делает webflow-mcp:custom-code-management
Агент находит сайты через data_sites_tool и проверяет подключённый код с помощью data_scripts_tool. Затем он вставляет инлайн-скрипты в заголовок или подвал страниц. Теги <script> ставить не нужно. Webflow добавит их сам при публикации.
Для работы обязательно настроить сервер Webflow MCP. Выборочного удаления на уровне сайта нет. Команда delete_all_site_scripts стирает всё разом, поэтому перед запуском агент требует подтверждения словом delete all. Каждый скрипт ограничен 10 000 символов. При обновлении связка displayName и version не должна совпадать с уже сохранённой записью. Внешние файлы по ссылке через этот инструмент не подключить, поддерживается только инлайн-код.
Какие задачи решает
- внедрить контейнер Google Tag Manager в заголовок сайта
- проверить список подключённых скриптов на страницах Webflow
- добавить код отслеживания конверсий на конкретную страницу
- очистить устаревший JavaScript со страницы или всего проекта
Примеры запросов агенту
- Покажи все скрипты, подключённые к моему сайту в Webflow
- Добавь Google Tag Manager с моим ID контейнера в шапку сайта
- Подключи код отслеживания конверсий на страницу thank-you
Как установить webflow-mcp:custom-code-management
1Через Skills CLI (Vercel)
npx skills add webflow/webflow-skills --skill webflow-mcp:custom-code-management -a claude-codenpx skills add webflow/webflow-skills --skill custom-code-management -a claude-code2Вручную: положить файлы
~/.claude/skills/custom-code-management/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/custom-code-management/
1Через Skills CLI (Vercel)
npx skills add webflow/webflow-skills --skill custom-code-management -a codex2Вручную: положить файлы
.agents/skills/custom-code-management/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add webflow/webflow-skills --skill custom-code-management -a cursor2Вручную: положить файлы
.cursor/skills/custom-code-management/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install webflow/webflow-skills custom-code-management2Вручную: положить файлы
.github/skills/custom-code-management/SKILL.md1Через Skills CLI (Vercel)
npx skills add webflow/webflow-skills --skill custom-code-management -a gemini-cli2Командой платформы
gemini skills install https://github.com/webflow/webflow-skills --path plugins/webflow-skills/skills/custom-code-managementВручную: положить файлы
.devin/skills/custom-code-management/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add webflow/webflow-skills --skill custom-code-management -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о webflow-mcp:custom-code-management
Как установить webflow-mcp:custom-code-management в Claude Code?
Выполните команду npx skills add webflow/webflow-skills --skill webflow-mcp:custom-code-management -a claude-code.
Что делает webflow-mcp:custom-code-management?
Скилл помогает агенту находить, добавлять и удалять встроенные JavaScript-скрипты на страницах или на всём сайте Webflow через вызовы Webflow MCP.
Можно ли удалить один конкретный скрипт сайта?
Нет, выборочное удаление кода на уровне сайта в Webflow MCP не поддерживается. Инструмент delete_all_site_scripts стирает сразу все скрипты сайта после подтверждения фразой delete all.
Исходный текст
SKILL.md · MIT
--- name: webflow-mcp: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. Also manages page-level scripts. --- # Custom Code Management Add, review, and manage inline custom scripts on a Webflow site — analytics, tracking pixels, chat widgets, or any custom JavaScript. ## Important Note **ALWAYS use Webflow MCP tools for all operations:** - Use Webflow MCP's `webflow_guide_tool` to get best practices **before any other tool call** - Use Webflow MCP's `data_sites_tool` with action `list_sites` to identify available sites - Use Webflow MCP's `data_scripts_tool` with action `list_registered_scripts` to list all registered scripts - Use Webflow MCP's `data_scripts_tool` with action `list_applied_scripts` to list scripts applied to pages - Use Webflow MCP's `data_scripts_tool` with action `add_inline_site_script` to register a new inline script - Use Webflow MCP's `data_scripts_tool` with action `delete_all_site_scripts` to remove ALL site scripts (no selective delete) - Use Webflow MCP's `data_scripts_tool` with action `get_page_script` to get custom code for a specific page - Use Webflow MCP's `data_scripts_tool` with action `upsert_page_script` to add or update page-level custom code - Use Webflow MCP's `data_scripts_tool` with action `delete_all_page_scripts` to remove all custom code from a page - All tool calls must include the required `context` parameter (15-25 words, third-person perspective) ## Instructions ### Phase 1: Discovery 1. **Call `webflow_guide_tool` first** — always the first MCP tool call 2. **Get the site**: Use `data_sites_tool` with action `list_sites`. If only one site, use it automatically. ### Phase 2: Analysis 3. **List scripts**: Call `list_registered_scripts` and `list_applied_scripts` in parallel 4. **Check page-level scripts** (if relevant): Use `get_page_script` for specific pages 5. **Present findings**: Name, version, location (header/footer), registration vs application status ### Phase 3: Planning & Confirmation Before any mutation, present the plan and require explicit confirmation: - Adding scripts: user must type **"add"** - Removing ALL site scripts: user must type **"delete all"** (warn: no selective delete) - Page-level changes: user must type **"update"** ### Phase 4: Execution 6. **Add site script**: `add_inline_site_script` with displayName, sourceCode, version, location, canCopy 7. **Remove all site scripts**: `delete_all_site_scripts` 8. **Add/update page script**: `upsert_page_script` 9. **Remove page scripts**: `delete_all_page_scripts` ### Phase 5: Verification 10. Re-list scripts to confirm success 11. Report what changed (name, location, version, char count) 12. Remind user to publish — suggest using `safe-publish` skill ## Examples ### Example 1: View scripts **User:** "What scripts are on my site?" 1. `webflow_guide_tool` → `data_sites_tool` → `list_registered_scripts` + `list_applied_scripts` in parallel 2. Present summary of all scripts ### Example 2: Add Google Tag Manager **User:** "Add GTM to my site" 1. `webflow_guide_tool` → `data_sites_tool` → ask for GTM container ID 2. Preview script, require "add" → `add_inline_site_script` (header, version "1.0.0") 3. Verify and remind to publish ### Example 3: Remove all scripts **User:** "Remove all scripts" 1. `webflow_guide_tool` → `data_sites_tool` → list current scripts 2. Warn: removes ALL scripts. Require "delete all" → `delete_all_site_scripts` 3. Verify and remind to publish ### Example 4: Page-specific tracking **User:** "Add conversion tracking to my thank-you page" 1. `webflow_guide_tool` → `data_sites_tool` → `get_page_script` to check existing 2. Preview, require "update" → `upsert_page_script` 3. Verify and remind to publish ## Guidelines - **`webflow_guide_tool` always first** — before any other MCP tool - **No `<script>` tags** — Webflow adds them automatically - **Max 10,000 characters** per script; `displayName` + `version` must be unique - **Site-level** scripts (`add_inline_site_script`) apply to all pages; **page-level** scripts (`upsert_page_script`) apply to one page - **No selective delete** — `delete_all_site_scripts` removes everything; always list scripts first so user knows what will be lost - **Hosted/external scripts** not available via MCP — inline only - Recommend **header** for analytics (GA, GTM); **footer** for chat widgets and non-critical scripts - If `displayName + version` exists, suggest incrementing the version - Always remind users to **publish** after changes
© webflow · MIT · webflow/webflow-skills