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
Expert frontend design guidelines for creating beautiful, modern UIs. Use when building landing pages, dashboards, or any user interface.
Build or update the BlueBubbles external channel plugin for Clawdbot (extension package, REST send/probe, webhook inbound).
Create distinctive, production-grade frontend interfaces with high design quality. Use this skill when building web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
Expert guidance on mobile-first UI/UX design, color systems, typography, accessibility (WCAG 2.2), Tailwind + Shadcn/ui integration, micro-interactions, and...
Frontend development with React, Next.js, Tailwind CSS. Build landing pages, dashboards, forms, components. Responsive, accessible, performant UI.
Use when building Next.js 14/15 applications with the App Router. Invoke for routing, layouts, Server Components, Client Components, Server Actions, Route Handlers, authentication, middleware, data fetching, caching, revalidation, streaming, Suspense, loading states, error boundaries, dynamic routes, parallel routes, intercepting routes, or any Next.js architecture question.