← 返回 Skills 市场

Webflow

Name: Webflow
Author: ivangdavila

作者 Iván · GitHub ↗ · v1.0.0

linuxdarwinwin32 ⚠ suspicious

1021

总下载

当前安装

版本数

在 OpenClaw 中安装

/install webflow

功能描述

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

使用说明 (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.

安全使用建议

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.

功能分析

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.

能力评估

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

如何使用

确保已安装 OpenClaw（本地或 Docker 部署）
在对话框中输入安装命令：/install webflow
安装完成后，直接呼叫该 Skill 的名称或使用 /webflow 触发
根据 Skill 的参数说明提供必要输入，即可获得结构化输出

版本历史

v1.0.0

Initial release

元数据

Slug webflow

版本 1.0.0

许可证 —

累计安装 2

当前安装数 2

历史版本数 1

常见问题

Webflow 是什么？

Build, launch, and optimize Webflow sites with responsive design, CMS architecture, and clean handoffs. 它是一个面向 Claude Code / OpenClaw 的 AI Agent Skill 插件，目前累计下载 1021 次。

如何安装 Webflow？

在 OpenClaw 或 Claude Code 对话框中运行命令「/install webflow」即可一键安装，无需额外配置。

Webflow 是免费的吗？

是的，Webflow 完全免费（开源免费），可自由下载、安装和使用。

Webflow 支持哪些平台？

Webflow 跨平台运行，可在任意部署了 OpenClaw / Claude Code 的环境中使用（linux, darwin, win32）。

谁开发了 Webflow？

由 Iván（@ivangdavila）开发并维护，当前版本 v1.0.0。