Applicare il sistema di denominazione CSS Flowkit in Webflow. Da utilizzare durante la creazione di classi, il controllo della denominazione esistente o la creazione di nuovi componenti seguendo le convenzioni di Flowkit. Flowkit è il framework CSS ufficiale di Webflow con un approccio incentrato sull'utilità.
Installa rapidamente la skill AI flowkit-naming nel tuo ambiente di sviluppo tramite riga di comando
Fonte: webflow/webflow-skills.
Apply FlowKit CSS naming conventions in Webflow projects using Webflow Designer tools.
| fk-[component] | Component wrapper (base class) | fk-card, fk-nav, fk-hero | | fk-[component]-[element] | Child element within component | fk-card-title, fk-nav-link | | fk-[component].[modifier] | Combo class modifier (state/variant) | fk-card.is-featured | | fk-text-[style] | Typography utility | fk-text-xl, fk-text-bold |
| fk-flex / fk-grid | Layout utilities | fk-flex-center, fk-grid-3 | | fk-space-[size] | Spacing utilities | fk-space-md, fk-py-lg | | is-[state] | State modifiers (combo) | is-active, is-hidden, is-disabled |
Applicare il sistema di denominazione CSS Flowkit in Webflow. Da utilizzare durante la creazione di classi, il controllo della denominazione esistente o la creazione di nuovi componenti seguendo le convenzioni di Flowkit. Flowkit è il framework CSS ufficiale di Webflow con un approccio incentrato sull'utilità. Fonte: webflow/webflow-skills.
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-namingApplicare il sistema di denominazione CSS Flowkit in Webflow. Da utilizzare durante la creazione di classi, il controllo della denominazione esistente o la creazione di nuovi componenti seguendo le convenzioni di Flowkit. Flowkit è il framework CSS ufficiale di Webflow con un approccio incentrato sull'utilità. Fonte: webflow/webflow-skills.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/webflow/webflow-skills