webflowBuild, launch, and optimize Webflow sites with responsive design, CMS architecture, and clean handoffs.
Install via ClawdBot CLI:
clawdbot install ivangdavila/webflowGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://api.webflow.com/v2/collections/{collection_id}/items`Audited Apr 17, 2026 · audit v1.0
Generated Mar 20, 2026
A small business needs a Webflow site with product collections, responsive design across all devices, and integrated payment forms. The skill ensures breakpoints are manually adjusted, CMS collections are set up before adding products, and forms are tested for real submissions to avoid silent failures.
A media agency requires a blog with multiple CMS collections for articles, authors, and categories, using Webflow's headless API. The skill helps define semantic class names, audit SEO and accessibility pre-launch, and calculate true hosting costs including CMS items.
A freelance designer needs a portfolio site with responsive design from a Figma file, optimized for performance and accessibility. The skill guides setting up breakpoints manually, storing user preferences in memory, and using a pre-launch checklist to fix issues like missing alt text.
A startup founder wants a landing page with forms for lead capture, integrated analytics, and third-party tools. The skill ensures forms are tested with real submissions, responsive design is checked on all devices, and hosting costs are accurately calculated before launch.
Freelancers use this skill to build and optimize Webflow sites for clients, focusing on responsive design, CMS setup, and clean handoffs. Revenue comes from project-based fees, with upsells for ongoing maintenance and hosting management.
Agencies leverage the skill to deliver high-quality Webflow sites at scale, handling multiple clients with needs like e-commerce, blogs, and integrations. Revenue is generated through retainer contracts, custom development packages, and performance-based pricing.
Founders or developers create and sell Webflow templates or components, using the skill to ensure responsive design, semantic class naming, and optimization. Revenue streams include one-time template sales, subscription access, and customization services.
💬 Integration Tip
Always test Webflow forms with real submissions to avoid silent notification failures, and manually adjust breakpoints instead of relying on auto-generated responsive design for better cross-device compatibility.
Scored Jun 19, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.