Flowkit Naming

webflow/webflow-skillsOfficial

This is a structured workflow for applying Webflow's official Flowkit CSS naming conventions through the Webflow MCP. It walks you through auditing existing class names, identifying violations like missing fk- prefixes or wrong separators, then generating and applying compliant replacements. The skill includes a comprehensive reference of Flowkit patterns covering layout utilities (fk-flex, fk-grid), typography (fk-text-xl), spacing (fk-py-lg), and state modifiers (is-active). It's designed for teams standardizing on Flowkit or developers refactoring legacy Webflow projects to use the framework. The phase-based approach is verbose but thorough, particularly useful if you're new to Flowkit conventions and need the guard rails.

skills.sh installs

304

GitHub stars

136

last updated

Aug 21, 2026

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Recommended

More Frontend Development

1designnextlevelbuilder/ui-ux-pro-max-skillComprehensive design skill: brand identity, design tokens, UI styling, logo generation (55 styles, Gemini AI), corporate identity program (50 deliverables, CIP 48.9Kskills.sh installs

2fixing-accessibilityibelick/ui-skillsAudit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interacti23.5Kskills.sh installs

3fixing-metadataibelick/ui-skillsAudit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and rob19.6Kskills.sh installs

4viteonmax/nuxt-skillsVite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building li2.5Kskills.sh installs

5document-writeronmax/nuxt-skillsUse when writing blog posts or documentation markdown files - provides writing style guide (active voice, present tense), content structure patterns, and MDC co2.1Kskills.sh installs

6writing-web-documentationonmax/nuxt-skillsWrite, rewrite, review, and organize developer-facing documentation for web software projects. Use when creating or improving README files, docs homepages, quic965skills.sh installs