How do I install the Webflow skill?

Run npx skillmds@latest add dvcrn/webflow-2 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Webflow safe to use?

This skill has not completed SkillMD's automated safety review yet. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: docs only. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Webflow?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Webflow free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Webflow?

dvcrn (@dvcrn) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Webflow by dvcrn — Agent Skill

Name: Webflow
Rating: 4.666666666666667 (3 reviews)
Author: dvcrn

File contents

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.

---name: webflow-2description: Build, launch, and optimize Webflow sites with responsive design, CMS architecture, and clean handoffs.--- ## 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:** ```markdown # 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 1. **Always check all breakpoints** — Desktop looks great, mobile is broken. Test tablet/mobile-landscape/mobile-portrait BEFORE showing to client. 2. **Name classes semantically** — `hero-heading` not `heading-23`. You'll thank yourself during handoff. 3. **Set up CMS before content** — Define collections, fields, and relationships first. Migrating content between structures is painful. 4. **Calculate TRUE hosting cost** — Basic Hosting ≠ CMS Hosting ≠ Business Hosting. Forms, CMS items, staging all cost extra. 5. **Test forms with real submissions** — Webflow form notifications fail silently. Verify delivery before launch. 6. **Never trust auto-generated responsive** — Webflow guesses wrong. Manual breakpoint adjustment is mandatory. 7. **Audit before publish** — Missing alt text, 404s, broken links, favicon, OG image, SSL, redirects. Use pre-launch checklist every time. 8. **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`.

Frequently asked questions

Webflow