webflow avatar

Cms Best Practices

This is your architectural consultant for Webflow CMS projects. It walks you through a five-phase process from discovery to implementation, helping you decide when to use CMS versus static content, choose the right field types, and design collection relationships. The real value is in the decision frameworks: it includes a field type decision tree, a detailed table mapping content types to fields with character limits, and relationship patterns for one-to-many and many-to-many scenarios. It's opinionated about asking clarifying questions before jumping into solutions and validating everything against Webflow's plan limits and API constraints. Good for both greenfield CMS planning and refactoring messy existing structures.

skills.sh installs
419
GitHub stars
136
last updated
Aug 21, 2026

Install

$ npx -y skills add webflow/webflow-skills --skill cms-best-practices --agent claude-code

Installs into .claude/skills of the current project.

Files

CMS Best Practices

Provide expert guidance on Webflow CMS architecture, relationships, optimization, and troubleshooting.

Important Note

ALWAYS use Webflow MCP tools for all operations:

  • Use Webflow MCP's webflow_guide_tool to get best practices before starting
  • Use Webflow MCP's data_sites_tool with action list_sites to identify available sites
  • Use Webflow MCP's data_sites_tool with action get_site to retrieve site details and plan limits
  • Use Webflow MCP's data_cms_tool with action get_collection_list to analyze existing collections
  • Use Webflow MCP's data_cms_tool with action get_collection_details to examine collection schemas
  • Use Webflow MCP's data_cms_tool with action list_collection_items to assess content volume
  • Use Webflow MCP's data_pages_tool with action list_pages to understand page structure
  • Use Webflow MCP's ask_webflow_ai for specific API questions
  • DO NOT use any other tools or methods for Webflow operations
  • All tool calls must include the required context parameter (15-25 words, third-person perspective)

Instructions

Sponsors

Details

Repository
github.com/webflow/webflow-skills
Categories
Frontend Development, Code Review & Quality, Debugging, Productivity & Planning
First seen
Jun 3, 2026

More from webflow/webflow-skills

All 11
1syncfusion avatarsyncfusion-blazor-licensesyncfusion/blazor-ui-components-skillsGenerate, register, secure, validate, and troubleshoot Syncfusion Blazor license keys across all Blazor project types403skills.sh installs
2syncfusion avatarsyncfusion-blazor-datamanagersyncfusion/blazor-ui-components-skillsImplements Syncfusion Blazor SfDataManager for data access, data binding, and adaptor configuration in Blazor Server, WebAssembly, and Web App. Used when bindin395skills.sh installs
3syncfusion avatarsyncfusion-blazor-accumulation-chartsyncfusion/blazor-ui-components-skillsImplement Syncfusion Blazor Accumulation Chart (SfAccumulationChart) for proportional data visualization. Use this when creating pie charts, doughnut charts, fu393skills.sh installs
4webflow avatarlink-checkerwebflow/webflow-skillsFind and fix broken or insecure links across an entire site, including CMS content, to improve SEO and user experience. Audits HTTP/HTTPS issues and validates a393skills.sh installs
5syncfusion avatarsyncfusion-blazor-barcodesyncfusion/blazor-ui-components-skillsBuild and troubleshoot barcode generation in Blazor using SfBarcodeGenerator, SfQRCodeGenerator, and SfDataMatrixGenerator. Trigger for 1D barcodes (Code39, Cod377skills.sh installs
6webflow avatarcustom-code-managementwebflow/webflow-skillsAdd, review, or remove inline custom scripts on a Webflow site (up to 10,000 chars). Use for analytics, tracking pixels, chat widgets, or any custom JavaScript.353skills.sh installs