flowkit-naming
✓Appliquez le système de dénomination CSS Flowkit dans Webflow. À utiliser lors de la création de classes, de l'audit de noms existants ou de la création de nouveaux composants conformément aux conventions Flowkit. Flowkit est le framework CSS officiel de Webflow avec une approche axée sur l'utilitaire.
Installation
SKILL.md
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 |
Appliquez le système de dénomination CSS Flowkit dans Webflow. À utiliser lors de la création de classes, de l'audit de noms existants ou de la création de nouveaux composants conformément aux conventions Flowkit. Flowkit est le framework CSS officiel de Webflow avec une approche axée sur l'utilitaire. Source : webflow/webflow-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming- Source
- webflow/webflow-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-18
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que flowkit-naming ?
Appliquez le système de dénomination CSS Flowkit dans Webflow. À utiliser lors de la création de classes, de l'audit de noms existants ou de la création de nouveaux composants conformément aux conventions Flowkit. Flowkit est le framework CSS officiel de Webflow avec une approche axée sur l'utilitaire. Source : webflow/webflow-skills.
Comment installer flowkit-naming ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/webflow/webflow-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-18