SuperAPI AI 工具集

preline-mcp

前端与建站

查看项目

更新于 10-15 22:14

技能介绍

用途:通过 Preline MCP 服务器,将 Preline UI 的组件(component)与区块(block)集成进 HTML 文件。当用户提到 preline、add preline、/preline、use preline,或索要 Preline 库中的 Tailwind CSS 组件、区块(现成页面片段)或起始页时启用。

主要能力:服务器暴露 6 个工具,返回可直接集成的 HTML、CSS 和 JS。组件工作流:components_list({ section }) 获取有效组件 ID,再用 single_component({ section, component }) 取回代码。区块工作流:blocks_categories() 获取层级,blocks_in_category({ mainSection, subSection, category }) 获取区块 ID,再用 single_block 取回代码。

使用方式:不要猜测 slug,所有 section、component、category 标识符都是精确的 kebab-case 字符串,须先通过 components_list 或 blocks_categories 发现。一次只取一个组件或区块,完整集成后再进行下一个。插入前始终先读取目标文件。CSS 必须放在 <head> 内、紧邻 </head> 之前;外部脚本按锚点算法插入,内联 init 脚本放在 </body> 之前并用 window.addEventListener('load', ...) 包裹。

适用场景:单个组件集成、区块集成、复合与布局请求(仪表盘、设置页、产品页、多步表单、应用外壳等)。复合请求应先规划整棵树,再逐个节点获取与集成。

限制:资料未提供收费、价格、平台与效果信息。主题可通过 isUtilityBased: true 与 theme 参数指定,可选 default、harvest、retro、moon、ocean、bubblegum、cashmere、autumn、olive。不要重新验证返回的标记,也不要解析用户编译后的 CSS 来确认类是否存在。