contact-widget

仓库创建 2026年4月28日最近提交 3 小时前SkillHot 收录 20 天前

▸ 精选理由

零依赖实现便捷集成，适合快速上线联系入口或演示。

这个 Skill 做什么

生成单文件自包含的浮动联系聊天小部件（HTML）。

在你的网站里加个浮动的联系小窗，点右下角的圆形气泡就能展开，里面有头像、在线问候、社媒链接、预约开会按钮和消息输入框（UI 层面）。适合想快速放联络/客服入口但不想装依赖或改后端时使用。特别之处是产物是单个自包含的 HTML 文件，零外部依赖，拿来就能丢到页面上。

▸ 展开 SKILL.md 英文原文

Self-contained floating chat widget with welcome screen, social links, meeting button, and message input. Single HTML file, zero dependencies.

内容创作联系小部件单文件前端组件通用

8.2w

Stars

9.5k

Forks

仓库内 Skill

+6.3k

7 日增星

安装 / 使用

给你的 Agent 一句话（通用）

帮我安装这个 skill：https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/contact-widget/SKILL.md

或 curl 直取 SKILL.md

curl -fsSL "https://raw.githubusercontent.com/nexu-io/open-design/main/design-templates/contact-widget/SKILL.md"

SKILL.MD 节选查看完整文件 ↗

# Contact Widget

## What this skill produces

A single self-contained HTML file with a floating chat widget that includes:

1. **Chat bubble** — fixed bottom-right circular button, opens/closes the panel
2. **Welcome home screen** — agent avatar + name + online status + greeting message
3. **Message input** — text field with emoji/send icons (UI only; wire to your own backend)
4. **Social links** — row of circular icons (Telegram, WhatsApp, Instagram, Messenger, Discord, Slack — only the ones the user provides)
5. **Meeting card** — optional "Book a meeting" entry with calendar icon, links to user-provided URL (Calendly, Cal.com, Lark, etc.)
6. **Offline form** — fallback contact form (name

via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有