flowkit-naming
✓Wenden Sie das Flowkit-CSS-Benennungssystem in Webflow an. Verwenden Sie diese Option, wenn Sie Klassen erstellen, vorhandene Benennungen prüfen oder neue Komponenten gemäß den Flowkit-Konventionen erstellen. Flowkit ist das offizielle CSS-Framework von Webflow mit dem Utility-First-Ansatz.
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 |
Wenden Sie das Flowkit-CSS-Benennungssystem in Webflow an. Verwenden Sie diese Option, wenn Sie Klassen erstellen, vorhandene Benennungen prüfen oder neue Komponenten gemäß den Flowkit-Konventionen erstellen. Flowkit ist das offizielle CSS-Framework von Webflow mit dem Utility-First-Ansatz. Quelle: webflow/webflow-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming- Quelle
- webflow/webflow-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-18
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist flowkit-naming?
Wenden Sie das Flowkit-CSS-Benennungssystem in Webflow an. Verwenden Sie diese Option, wenn Sie Klassen erstellen, vorhandene Benennungen prüfen oder neue Komponenten gemäß den Flowkit-Konventionen erstellen. Flowkit ist das offizielle CSS-Framework von Webflow mit dem Utility-First-Ansatz. Quelle: webflow/webflow-skills.
Wie installiere ich flowkit-naming?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/webflow/webflow-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-18