New: 98,000+ skills indexed from GitHub repos with 100+ stars · every skill safety-checkedBrowse top skillsTop skills
Esc to closeBrowse all skills
Submit a skillBrowse skills
Submit a skillBrowse skills

Agent skill

Webflow Multi Env Setup

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

Separate Webflow development, staging, and production identities, tokens, sites, and release policy.

MITAuto-check passed

Install Webflow Multi Env Setup

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

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

GitHub CLI
$ gh skill install jeremylongshore/tons-of-skills-marketplace webflow-multi-env-setup --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-multi-env-setup .claude/skills/webflow-multi-env-setup && 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-multi-env-setup
GitHub stars
2.8k
Token cost
~1.2k tokens
SKILL.md length
532 words
Files
2 (incl. references)
Skills in repo
3,342
Repo updated
First seen
Licence
MIT

At a glance

Separate Webflow development, staging, and production identities, tokens, sites, and release policy.

  • Works in 6 steps: Inventory every environment, Webflow… → Create a typed mapping that requires an… → Store secret values only in the… → …
  • Preventing cross-environment writes
  • SKILL.md covers Overview, Prerequisites, Tool Discipline and Current Contract, plus 7 more sections
  • Needs WEBFLOW_API_TOKEN

What it does

Webflow Multi Env Setup is an agent skill from jeremylongshore/tons-of-skills-marketplace. Separate Webflow development, staging, and production identities, tokens, sites, and release policy. Use when preventing cross-environment writes or configuring environment-aware CI. Trigger with "Webflow environments", "Webflow staging", or "separate Webflow tokens".

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 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

  • Preventing cross-environment writes
  • Configuring environment-aware CI
  • With Webflow environments
  • Webflow staging

Example prompts

  • “Webflow environments”
  • “Webflow staging”
  • “separate Webflow tokens”
  • “/webflow-multi-env-setup”

Requirements

  • A credential in WEBFLOW_API_TOKEN
  • 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. Inventory every environment, Webflow site/app/environment/workspace ID, domain, token owner, scope set, and deployment branch.
  2. Create a typed mapping that requires an explicit environment and rejects unknown or mismatched IDs.
  3. Store secret values only in the environment's secret manager; keep non-secret manifest IDs reviewed and versioned where appropriate.
  4. Add guards that print target names and IDs—not secrets—and require production confirmation before live writes.
  5. Use development fixtures and a staging site for integration tests; prohibit production fallbacks.
  6. Verify each environment read-only and document promotion, rollback, token rotation, and emergency freeze procedures.

What it can do on your machine

Read from SKILL.md and the folder at commit 23ea8d4. 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 these keys or tokens, usually read from environment variables:

    • WEBFLOW_API_TOKEN

    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 Multi Env Setup 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 73 tokens; SKILL.md has 532 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~73
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 23ea8d4, republished under its MIT licence (© jeremylongshore). 532 words, ~1,197 tokens.

Download SKILL.mdSave it as .claude/skills/webflow-multi-env-setup/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
webflow-multi-env-setup
description
Separate Webflow development, staging, and production identities, tokens, sites, and release policy. Use when preventing cross-environment writes or configuring environment-aware CI. Trigger with "Webflow environments", "Webflow staging", or "separate Webflow tokens".
allowed-tools
Read, Glob, Grep, WebFetch, Write, Edit
compatibility
Designed for Claude Code
argument-hint
[project-path] [dev|staging|production]
version
1.6.0
author
Jeremy Longshore <jeremy@intentsolutions.io>
license
MIT
tags
saas, webflow, environments, configuration
model
inherit
effort
medium

Webflow Multi-Environment Setup

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

  • Site IDs are identifiers, not secrets, but they still must be verified and allowlisted to prevent cross-environment writes.
  • WEBFLOW_API_TOKEN is a read-only CLI input and is not resolved from webflow.json; app and environment IDs have documented resolution precedence.
  • Flags override environment variables and manifest values. CI should pass target IDs explicitly even when a manifest exists.
  • Separate sites and least-privilege tokens provide stronger isolation than naming conventions alone.

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. Inventory every environment, Webflow site/app/environment/workspace ID, domain, token owner, scope set, and deployment branch.
  2. Create a typed mapping that requires an explicit environment and rejects unknown or mismatched IDs.
  3. Store secret values only in the environment's secret manager; keep non-secret manifest IDs reviewed and versioned where appropriate.
  4. Add guards that print target names and IDs—not secrets—and require production confirmation before live writes.
  5. Use development fixtures and a staging site for integration tests; prohibit production fallbacks.
  6. Verify each environment read-only and document promotion, rollback, token rotation, and emergency freeze procedures.
Show full SKILL.md (177 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
Environment omittedFail closed; never default a mutating workflow to production.
Token sees wrong siteRevoke or re-scope it and correct the identity mapping before further calls.
Manifest/flag conflictTreat the explicit flag as active, surface both values, and require reconciliation.

Examples

A three-stage CMS service uses separate sites and tokens, passes the production site ID explicitly in protected CI, prints the verified target, and requires approval before publication.

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-multi-env-setup of jeremylongshore/tons-of-skills-marketplace.

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

Open the folder on GitHubat commit 23ea8d4

Compare with similar skills

Webflow Multi Env Setup 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 Multi Env Setup compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Webflow Multi Env Setup this skilljeremylongshore/tons-of-skills-marketplace2.8k—~1.2kAutomated safety check: PassMIT
GSAP Core Animationgreensock/gsap-skills16k4 repos~3.7kAutomated safety check: PassMIT
Cms Migrationpayloadcms/skills1631 repos~1.3kAutomated safety check: PassNone
Sanity Migrationsanity-io/agent-toolkit188—~1.4kAutomated safety check: PassMIT
Webflow Automationdavepoon/buildwithclaude3.6k7 repos~2.8kAutomated safety check: PassMIT
Content Management Systemsgithub/awesome-copilot40k1 repos~1.3kAutomated safety check: PassMIT

Similar skills

  • GSAP Core Animation

    greensock/gsap-skills

    Covers the GSAP core API for tweens, easing, staggers, defaults and matchMedia, and when to choose GSAP over CSS animations or other JavaScript animation libraries.

    16k GitHub starsUsed in 4 repos~3.7k tokens
    Frontend & DesignAuto-check passed

  • Cms Migration

    payloadcms/skills

    A skill your agent uses when user wants to migrate content from another CMS (WordPress, Contentful, Strapi, Sanity, Webflow, etc.) to Payload CMS

    163 GitHub starsUsed in 1 repo~1.3k tokens
    Auto-check passed

  • Sanity Migration

    sanity-io/agent-toolkit

    Official

    Plans, implements, and reviews migrations from other CMSes and content systems into Sanity.

    188 GitHub stars~1.4k tokensUpdated 3 days ago
    Documents & OfficeAuto-check passed

  • Webflow Automation

    davepoon/buildwithclaude

    Automate Webflow CMS collections, site publishing, page management, asset uploads, and ecommerce orders via Rube MCP (Composio).

    3.6k GitHub starsUsed in 7 repos~2.8k tokens
    Productivity & AutomationAuto-check passed

  • Content Management Systems

    github/awesome-copilot

    Official

    Workflow for building and modifying content management systems across WordPress, Shopify, Wix, Squarespace, Drupal, WooCommerce, Joomla, HubSpot CMS Hub, Webflow, Adobe Experience Manager, and…

    40k GitHub starsUsed in 1 repo~1.3k tokens
    Sales & SupportAuto-check passed

  • Designlang Tokens

    Manavarya09/design-extract

    A skill your agent uses when styling UI for webflow.com — references the extracted design system tokens instead of inventing colors, spacing, or typography.

    4.2k GitHub stars~244 tokensUpdated 9 days ago
    Frontend & DesignAuto-check passed

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

  • Analyzing Text With NLP

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill enables AI assistant to perform natural language processing and text analysis using the nlp-text-analyzer plugin.

    2.8k GitHub starsUsed in 1 repo~819 tokens
    Auto-check passed

  • Building Neural Networks

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill allows AI assistant to construct and configure neural network architectures using the neural-network-builder plugin.

    2.8k GitHub starsUsed in 1 repo~1k tokens
    Auto-check passed

  • Detecting Data Anomalies

    jeremylongshore/tons-of-skills-marketplace

    Process identify anomalies and outliers in datasets using machine learning algorithms.

    2.8k GitHub starsUsed in 1 repo~1.4k tokens
    Auto-check passed

  • Explaining Machine Learning Models

    jeremylongshore/tons-of-skills-marketplace

    Build this skill enables AI assistant to provide interpretability and explainability for machine learning models.

    2.8k GitHub starsUsed in 1 repo~1k tokens
    Auto-check passed

  • Optimizing Prompts

    jeremylongshore/tons-of-skills-marketplace

    Execute this skill optimizes prompts for large language models (llms) to reduce token usage, lower costs, and improve performance.

    2.8k GitHub starsUsed in 1 repo~1k tokens
    Auto-check passed

Works with

Questions about Webflow Multi Env Setup

What does Webflow Multi Env Setup do?

Separate Webflow development, staging, and production identities, tokens, sites, and release policy. Webflow Multi Env Setup is an agent skill from jeremylongshore/tons-of-skills-marketplace. Separate Webflow development, staging, and production identities, tokens, sites, and release policy.

When should I use Webflow Multi Env Setup?

Webflow Multi Env Setup fits situations like: preventing cross-environment writes; configuring environment-aware CI; with Webflow environments; webflow staging.

How do I install Webflow Multi Env Setup in Claude Code?

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

How do I install Webflow Multi Env Setup in Codex?

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

Can I use Webflow Multi Env Setup 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-multi-env-setup -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-multi-env-setup, .gemini/skills/webflow-multi-env-setup, .github/skills/webflow-multi-env-setup and .opencode/skills/webflow-multi-env-setup in your project.

What does Webflow Multi Env Setup need to run?

Going by SKILL.md and its folder, Webflow Multi Env Setup needs credentials named WEBFLOW_API_TOKEN. Our summary lists: A credential in WEBFLOW_API_TOKEN. Its frontmatter pre-approves these tools: Read, Glob, Grep, WebFetch, Write, Edit. Compatibility (from SKILL.md): Designed for Claude Code.

Does Webflow Multi Env Setup 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 Multi Env Setup 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 Multi Env Setup use?

Webflow Multi Env Setup 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 Multi Env Setup 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 213 tokens, read only when the agent opens those files.

What are the alternatives to Webflow Multi Env Setup?

Skills that share tags, products or a category with Webflow Multi Env Setup: GSAP Core Animation (greensock/gsap-skills, 16k stars), Cms Migration (payloadcms/skills, 163 stars), Sanity Migration (sanity-io/agent-toolkit, 188 stars) and Webflow Automation (davepoon/buildwithclaude, 3.6k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Webflow Multi Env Setup?

jeremylongshore (a GitHub user) maintains it in jeremylongshore/tons-of-skills-marketplace, which has 2,821 GitHub stars. The repository holds 3,342 skills in this directory. The repository was last updated on October 8, 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.