← Back to Skills Marketplace

Webflow

Name: Webflow
Author: ivangdavila

by Iván · GitHub ↗ · v1.0.0

linuxdarwinwin32 ⚠ suspicious

1021

Downloads

Stars

Active Installs

Versions

Install in OpenClaw

/install webflow

Description

Build, launch, and optimize Webflow sites with responsive design, CMS architecture, and clean handoffs.

README (SKILL.md)

Quick Reference

Topic	File
Responsive design, breakpoints	`design.md`
CMS collections, headless API	`cms.md`
Forms, analytics, third-party	`integrations.md`
SEO, performance, accessibility	`optimization.md`

Memory Storage

User preferences stored at ~/webflow/memory.md. Read on activation.

Format:

# Webflow Memory

## Profile
- role: freelancer | agency | founder | developer | marketer
- design-source: figma | sketch | from-scratch | template
- cms-needs: none | blog | multi-collection | headless

## Preferences
- class-naming: bem | utility | semantic
- breakpoints: mobile-first | desktop-first

Create folder on first use: mkdir -p ~/webflow

Critical Rules

Always check all breakpoints — Desktop looks great, mobile is broken. Test tablet/mobile-landscape/mobile-portrait BEFORE showing to client.
Name classes semantically — hero-heading not heading-23. You'll thank yourself during handoff.
Set up CMS before content — Define collections, fields, and relationships first. Migrating content between structures is painful.
Calculate TRUE hosting cost — Basic Hosting ≠ CMS Hosting ≠ Business Hosting. Forms, CMS items, staging all cost extra.
Test forms with real submissions — Webflow form notifications fail silently. Verify delivery before launch.
Never trust auto-generated responsive — Webflow guesses wrong. Manual breakpoint adjustment is mandatory.
Audit before publish — Missing alt text, 404s, broken links, favicon, OG image, SSL, redirects. Use pre-launch checklist every time.
Export code = cleanup required — Webflow's exported HTML/CSS is bloated. Budget time for cleanup if moving off platform.

Scope

This skill covers Webflow design, development, and project management. For general web design principles, see ui-design. For landing page conversion strategy, see landing-pages.

Usage Guidance

This skill appears to be legitimate Webflow documentation and guidance, but it will create and read a local preferences file at ~/webflow/memory.md even though the registry metadata doesn't declare that config path. Before installing or enabling the skill: (1) confirm you are comfortable with it creating ~/webflow and storing preferences there; (2) do not paste API keys or bearer tokens into chat — instead provide them through a secure, deliberate mechanism if the agent asks; (3) review any webhook/third-party endpoint instructions before wiring live endpoints (they can send user data externally); and (4) ask the skill author or registry for clarification / to declare the config path and any expected credential inputs. If you need higher assurance, run the skill in a restricted environment or request the author add explicit declarations of required env vars and config paths.

Capability Analysis

Type: OpenClaw Skill Name: webflow Version: 1.0.0 The skill bundle provides comprehensive documentation and instructions for an AI agent to assist with Webflow development. The `SKILL.md` defines the skill and instructs the agent to store user preferences in a non-sensitive location (`~/webflow/memory.md`). While `cms.md` includes a JavaScript snippet demonstrating API interaction with a `Bearer token`, this is a standard pattern for legitimate API usage and does not contain instructions for token theft, misuse, or data exfiltration. No files contain evidence of prompt injection designed to subvert the agent, malicious code execution, persistence mechanisms, or unauthorized data access.

Capability Assessment

✓ Purpose & Capability

Name, description, and included docs (design, CMS, integrations, optimization) are consistent. The guidance and examples are appropriate for a Webflow-focused skill and do not request unrelated cloud credentials or unrelated system tools.

⚠ Instruction Scope

SKILL.md instructs the agent to 'Read on activation' and to create ~/webflow and ~/webflow/memory.md for user preferences. Those file reads/writes are not declared in the registry metadata (required config paths = none). The skill also contains code examples that reference API/TOKEN constants; while expected for CMS/API usage, the runtime instructions do not explicitly define how tokens are supplied or protected.

✓ Install Mechanism

No install spec and no code files beyond documentation — lowest-risk deployment model. Nothing is downloaded or written by an installer.

⚠ Credentials

Registry metadata declares no required env vars, yet cms.md shows use of a Bearer token (TOKEN) for Webflow API and examples reference API/TOKEN variables. The skill also implicitly accesses a local config path (~/webflow/memory.md) without declaring it. This mismatch between declared vs. implied credentials/config access is disproportionate and should be clarified.

ℹ Persistence & Privilege

The skill persists a memory file under the user's home directory and will create ~/webflow on first use. It is not set to always:true and does not request system-wide config changes or other skills' secrets, but the local persistence is non-trivial and should be disclosed/approved by the user.

How to Use

Make sure OpenClaw is installed (local or Docker)
Run the install command in chat: /install webflow
After installation, invoke the skill by name or use /webflow
Provide required inputs per the skill's parameter spec and get structured output

Version History

v1.0.0

Initial release

Metadata

Slug webflow

Version 1.0.0

License —

All-time Installs 2

Active Installs 2

Total Versions 1

Frequently Asked Questions

What is Webflow?

Build, launch, and optimize Webflow sites with responsive design, CMS architecture, and clean handoffs. It is an AI Agent Skill for Claude Code / OpenClaw, with 1021 downloads so far.

How do I install Webflow?

Run "/install webflow" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.

Is Webflow free?

Yes, Webflow is completely free (open-source). You can download, install and use it at no cost.

Which platforms does Webflow support?

Webflow is cross-platform and runs anywhere OpenClaw / Claude Code is available (linux, darwin, win32).

Who created Webflow?

It is built and maintained by Iván (@ivangdavila); the current version is v1.0.0.

More Skills