SkillsAdd

velt-js/agent-skills

velt-huddle-best-practices

Velt Huddle implementation patterns and best practices for React, Next.js, and web applications. Use when adding audio/video/screen sharing huddles, in-app voice or video calls, ephemeral chat within huddles, flock mode (follow me), cursor-mode huddle bubbles, or huddle webhook integration. Triggers on any task involving huddles, video calls, audio calls, screen sharing sessions, VeltHuddle, VeltHuddleTool, or collaborative real-time communication features — even if the user doesn't explicitly …

First seen Apr 14, 2026

Installation

$ npx skills add velt-js/agent-skills --skill velt-huddle-best-practices
View on skills.sh ↗ GitHub repository ↗

Summary

  • Velt Huddle implementation patterns and best practices for React, Next.js, and web applications.
  • Use when adding audio/video/screen sharing huddles, in-app voice or video calls, ephemeral chat within huddles, flock mode (follow me), cursor-mode huddle bubbles, or huddle webhook integration.
  • Triggers on any task involving huddles, video calls, audio calls, screen sharing sessions, VeltHuddle, VeltHuddleTool, or collaborative real-time communication features — even if the user doesn't explicitly say 'huddle'.

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

vercel-react-best-practices Shared topics
vercel-labs/agent-skills 697.8K installs
supabase Shared topics
supabase/agent-skills

Use when doing ANY task involving Supabase. Triggers: Supabase products (Database, Auth, Edge F…

263K installs
azure-hosted-copilot-sdk Shared topics
microsoft/azure-skills 440.4K installs
vercel-composition-patterns Shared topics
vercel-labs/agent-skills 326.5K installs
vercel-react-native-skills Shared topics
vercel-labs/agent-skills 205.5K installs
vercel-react-view-transitions Shared topics
vercel-labs/agent-skills 115.9K installs

Also in this package

Other skills from velt-js/agent-skills · top by installs.

npx skills add velt-js/agent-skills
velt-comments-best-practices 53 velt-setup-best-practices 48 velt-notifications-best-practices 46 velt-crdt-best-practices 40 velt-rest-apis-best-practices 28 velt-activity-best-practices 22 velt-area-best-practices 20 velt-view-analytics-best-practices 19 velt-reactions-best-practices 19 velt-self-hosting-data-best-practices 18

Browse all from velt-js/agent-skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 1
License MIT
Default branch main
Open issues 7
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.1.0
LicenseMIT
More metadata
author
velt
version
1.1.0

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 2,904 B
  • docs AGENTS.md 699 B
  • docs SUMMARY.md 548 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 15 installs

SKILL.md

Velt Huddle Best Practices

Comprehensive implementation guide for Velt's real-time audio, video, and screen sharing huddle feature. Contains 11 rules across 6 categories covering setup, configuration, webhooks, UI customization, wireframe template variables, and debugging.

When to Apply

Reference these guidelines when:

  • Adding audio/video/screen sharing to a collaborative app
  • Configuring huddle types (audio, video, screen, all)
  • Enabling ephemeral chat within huddles
  • Implementing flock mode (follow me) for shared navigation
  • Adding huddle bubble on user cursors
  • Handling huddle webhook events (created, joined)
  • Customizing huddle tool button UI
  • Debugging huddle connection or permission issues

Rule Categories by Priority

Priority Category Impact Prefix
1 Core Setup CRITICAL core-
2 Configuration HIGH-MEDIUM config-
3 Events MEDIUM events-
4 UI Customization MEDIUM ui-
5 Wireframe Variables MEDIUM wireframe-variables-
6 Debugging LOW-MEDIUM debug-

Quick Reference

Core Setup (CRITICAL)

  • core-auth-provider — Use authProvider on VeltProvider, never identify()
  • core-setup — Add VeltHuddle at app root + VeltHuddleTool in toolbar
  • core-document-setup — Set document context to scope huddle per document

Configuration (HIGH-MEDIUM)

  • config-huddle-types — Select audio/video/screen/all mode
  • config-chat — Enable/disable ephemeral chat within huddle
  • config-flock-mode — Follow me mode on avatar click
  • config-cursor-mode — Huddle bubble on user cursors

Events (MEDIUM)

  • events-webhooks — Huddle created/joined webhook integration

UI Customization (MEDIUM)

  • ui-customization — Slots, CSS parts, custom button templates

Wireframe Variables (MEDIUM)

  • wireframe-variables-huddle — componentConfig.* flat-config variables on the huddle root, the huddle tool, and per-attendee tiles

Debugging (LOW-MEDIUM)

  • debug-common-issues — Troubleshooting huddle issues

Compiled Documents

  • AGENTS.md — Compressed index of all rules with file paths (start here)
  • AGENTS.full.md — Full verbose guide with all rules expanded inline