webflow/webflow-skills
28 skills
$npx skills add webflow/webflow-skillsSkillInstalls
accessibility-auditRun comprehensive accessibility audit (WCAG 2.1) on Webflow pages - checks buttons, forms, links, focus states, headings, keyboard navigation, and generates…asset-auditAnalyze assets on a Webflow site for SEO optimization. Identifies assets missing alt text and assets with non-SEO-friendly names, then generates and applies…bulk-cms-updateCreate or update multiple CMS items in a Webflow collection with validation and diff preview.cms-best-practicesExpert guidance on Webflow CMS architecture and best practices.cms-collection-setupCreate a new CMS collection in Webflow with specified fields and relationships.code-component-commandCreate and deploy reusable React components for Webflow Designer.component-auditAudit Webflow Code Components for architecture decisions - prop exposure, state management, slot opportunities, and Shadow DOM compatibility.component-scaffoldGenerate new Webflow Code Component boilerplate with React component, definition file, and optional styling.convert-componentConvert an existing React component into a Webflow Code Component.custom-code-managementAdd, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars).deploy-guideStep-by-step guide for deploying Webflow Code Components to a workspace. Covers authentication, pre-flight checks, deployment execution, and verification.designer-extension-commandBuild Designer Extensions for custom Webflow Designer functionality.designer-toolsBuild and manage pages, elements, components, and styles in Webflow Designer.devlink-commandExport Webflow Designer components to React/Next.js code for external projects.figma-to-webflowflowkit-namingApply Flowkit CSS naming system in Webflow. Use when creating classes, auditing existing naming, or building new components following Flowkit conventions.link-checkerFind and fix broken or insecure links across an entire site, including CMS content, to improve SEO and user experience.local-dev-setupInitialize a new Webflow Code Components project from scratch.pre-deploy-checkPre-deployment validation for Webflow Code Components. Checks bundle size, dependencies, prop configurations, SSR compatibility, styling setup, and common…review-commentsReview open comment threads on a Webflow site and triage each one.safe-publishPublish a Webflow site with a plan-confirm-publish workflow. Shows what changed since last publish, runs pre-publish checks, and requires explicit confirmation…site-activityQuery and summarize site activity logs for a Webflow enterprise site.site-auditComprehensive audit of a Webflow site including pages, CMS collections, health scoring, and actionable insights.troubleshoot-deployDebug deployment failures for Webflow Code Components. Analyzes error messages, identifies root causes, and provides specific fixes for common issues.webflow-cli-troubleshooterDiagnose and fix Webflow CLI issues including installation problems, authentication failures, build errors, and bundle problems.webflow-cloud-commandInitialize, build, and deploy full-stack Webflow applications to Webflow Cloud hosting.webflow-compress-cms-imageCompress and convert CMS item image fields to webp or avif in a Webflow collection.wfu-mcp-getting-startedA Webflow University guided onboarding skill for anyone getting started with the Webflow MCP.