Flowkit Naming System

Apply FlowKit CSS naming conventions in Webflow projects using Webflow Designer tools.

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 the target site
• Use Webflow MCP's de_page_tool to get current page and switch pages
• Use Webflow MCP's element_tool to select elements and inspect current classes
• Use Webflow MCP's style_tool to create and update FlowKit-compliant styles
• Use Webflow MCP's de_learn_more_about_styles to understand supported style properties
• 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)
• Designer connection required: User must be connected to Webflow Designer for this skill to work

Instructions