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