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