webflow-mcp:flowkit-naming

You can automate CSS naming conventions in Webflow by using a Skill that applies the Flowkit naming system to your projects. It identifies existing classes and suggests Flowkit-compliant names for new and existing components automatically.

The Flowkit CSS naming system is a structured convention for naming classes in Webflow projects. Adopting it ensures consistency and efficiency in styling, which can be automated to analyze current class usage and apply compliant names to components.

Yes, you need the Webflow MCP dependency to use Flowkit naming automation. The Skill requires MCP tools for execution and specifically applies to Webflow Designer tool operations to generate and suggest compliant class names.

You can audit existing Webflow classes for Flowkit compliance by running the Skill's class auditing feature. It analyzes your current class usage and suggests Flowkit-compliant names to ensure your components follow the correct naming conventions.

Yes, you can generate Flowkit class names for new custom components in Webflow. The Skill creates class names following Flowkit v2 conventions, ensuring any new product card or component you build remains fully compliant with your naming system.