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 中使用
這個 Skill 的原始碼在哪？
https://github.com/webflow/webflow-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-18