Contact Widget

What this skill produces

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

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

Output is pure front-end. No tracking, no phone-home, no required external services. Works offline once loaded.

Clean, minimal SaaS aesthetic. Looks like a real product widget, not a toy demo: