源自 GitHub网页悬浮客服挂件生成
该能力专为网站搭建提供轻量级的前端交互组件。用户只需提供主色调、客服昵称、问候文案、社交平台链接（如 Telegram、WhatsApp）或预约日历地址（如 Calendly），即可快速生成一个零第三方依赖、开箱即用的单文件 HTML 悬浮客服挂件。挂件原生支持移动端自适应、离线表单回退和纯前端展开交互，且不包含强制外部追踪或第三方脚本，适合直接嵌入个人作品集、独立产品展示页或企业官网。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“为我的个人作品集网站生成一个主色为 #4F7CFF 的悬浮联系挂件，客服名称叫 Alex，附带 Telegram 和 WhatsApp 链接”
“制作一个深绿配色（#0F5132）的独立客服挂件 HTML，支持嵌入 Calendly 会议预约链接，未在线时切换为离线留资表单”
“生成一个极简风格的前端聊天悬浮挂件，配置欢迎语为‘有任何商业合作需求请随时留言’，包含 Discord 和邮件沟通入口”
适用人群
适合谁？
上手门槛
使用难度
入门
无需编程基础。会和 AI 对话就能使用。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
