flowkit-naming
✓Webflow に Flowkit CSS 命名システムを適用します。クラスの作成、既存の名前付けの監査、または Flowkit の規則に従って新しいコンポーネントを構築するときに使用します。 Flowkit は、ユーティリティファーストのアプローチを採用した Webflow の公式 CSS フレームワークです。
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 |
Webflow に Flowkit CSS 命名システムを適用します。クラスの作成、既存の名前付けの監査、または Flowkit の規則に従って新しいコンポーネントを構築するときに使用します。 Flowkit は、ユーティリティファーストのアプローチを採用した Webflow の公式 CSS フレームワークです。 ソース: webflow/webflow-skills。
引用可能な情報
AI/検索での引用用の安定したフィールドとコマンド。
- インストールコマンド
npx skills add https://github.com/webflow/webflow-skills --skill flowkit-naming- カテゴリ
- </>開発ツール
- 認証済み
- ✓
- 初回登録
- 2026-02-18
- 更新日
- 2026-02-18
クイックアンサー
flowkit-naming とは？
Webflow に Flowkit CSS 命名システムを適用します。クラスの作成、既存の名前付けの監査、または Flowkit の規則に従って新しいコンポーネントを構築するときに使用します。 Flowkit は、ユーティリティファーストのアプローチを採用した Webflow の公式 CSS フレームワークです。 ソース: 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 で使用できるようになります
ソースリポジトリはどこですか？
https://github.com/webflow/webflow-skills
詳細
- カテゴリ
- </>開発ツール
- ソース
- skills.sh
- 初回登録
- 2026-02-18