SuperAPI AI 工具集

flowkit-naming

前端与建站

查看项目

更新于 10-15 22:09

技能介绍

用途:在 Webflow 项目中按 FlowKit v2 命名约定创建类、审查已有命名或构建新组件。

主要能力:识别缺失 fk- 前缀、大小写错误、下划线分隔、非语义命名等问题并给出建议;生成组件类(fk-card、fk-nav、fk-hero)、子元素类(fk-card-title)、状态组合类(is-active、is-featured)、布局工具类(fk-flex、fk-grid-3、fk-stack)、间距与文字工具类(fk-space-md、fk-py-lg、fk-text-xl)等;支持审计与重构迁移,并输出对比报告。

使用方式:必须使用 Webflow MCP 工具,依次可用 webflow_guide_tool 获取最佳实践、data_sites_tool 的 list_sites 定位站点、de_page_tool 获取与切换页面、element_tool 选择元素并查看类、style_tool 创建和更新样式、de_learn_more_about_styles 了解支持的样式属性;不要使用其他方法操作 Webflow。所有工具调用需包含 15-25 词第三人称 context 参数,且用户需连接 Webflow Designer。流程分为发现与准备、分析(审计时)、建议生成、应用(用户确认后,每次 10-15 个元素分批)、验证与报告。

适用场景:创建新组件类、审计现有类名、构建完整页面区块、将非 FlowKit 类重构为 FlowKit。

限制:依赖 Designer 连接与 MCP 工具;命名须全小写、以连字符分隔、组件与元素类以 fk- 开头,状态修饰用 is- 组合类,嵌套不超过 3 层;价格、收费与完整样式细节资料暂未提供。