·flowkit-naming
</>

flowkit-naming

Примените систему именования CSS Flowkit в Webflow. Используйте при создании классов, проверке существующих имен или создании новых компонентов в соответствии с соглашениями Flowkit. Flowkit — это официальная CSS-инфраструктура Webflow с подходом, ориентированным на утилиты.

41Установки·0Тренд·@webflow

Установка

$npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming

Как установить flowkit-naming

Быстро установите AI-навык flowkit-naming в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: 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 |

Примените систему именования CSS Flowkit в Webflow. Используйте при создании классов, проверке существующих имен или создании новых компонентов в соответствии с соглашениями Flowkit. Flowkit — это официальная CSS-инфраструктура Webflow с подходом, ориентированным на утилиты. Источник: webflow/webflow-skills.

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming
Источник
webflow/webflow-skills
Категория
</>Разработка
Проверено
Впервые замечено
2026-02-18
Обновлено
2026-03-10

Browse more skills from webflow/webflow-skills

Короткие ответы

Что такое flowkit-naming?

Примените систему именования CSS Flowkit в Webflow. Используйте при создании классов, проверке существующих имен или создании новых компонентов в соответствии с соглашениями Flowkit. Flowkit — это официальная CSS-инфраструктура Webflow с подходом, ориентированным на утилиты. Источник: webflow/webflow-skills.

Как установить flowkit-naming?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/webflow/webflow-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-18