group-chat

Implement a real-time group chat system with Drizzle ORM and Liveblocks.

3|Updated Feb 14, 2026
One-click install
npx skills add https://github.com/mattwoodco/skills --skill group-chat
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: group-chat
Source: https://github.com/mattwoodco/skills/tree/main/skills/group-chat
Command: npx skills add https://github.com/mattwoodco/skills --skill group-chat

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill provides a robust foundation for building feature-rich, real-time group chat applications, eliminating the complexity of managing real-time communication and data persistence.

Core Features & Use Cases

  • Real-time Messaging: Instant message delivery with presence indicators.
  • Threaded Conversations: Organize discussions with replies to specific messages.
  • Reactions & Mentions: Enhance engagement with emoji reactions and user mentions.
  • File Attachments: Support for uploading and displaying files within chats.
  • Use Case: Integrate a team chat feature into your project management tool, allowing users to communicate in real-time within specific project channels, discuss tasks in threads, and share relevant documents.

Quick Start

Use the group-chat skill to add a real-time chat feature to your application.

Frequently Asked Questions about group-chat

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add real-time chat with threaded replies and mentions to my web app?

Real-time chat with threaded replies and mentions is implemented using Liveblocks for instant delivery and Drizzle ORM for data persistence. The system supports channels, emoji reactions, @mentions, and file attachments out of the box.

Can I use Drizzle ORM with Liveblocks to build a group chat application?

Yes, Drizzle ORM works with Liveblocks to build group chat applications by handling database persistence while Liveblocks manages real-time message delivery and presence indicators. They are integrated directly to support threaded conversations and file attachments.

How do I structure channels for real-time messaging in a team collaboration tool?

Channels for real-time messaging are structured using database schemas managed by Drizzle ORM, allowing users to organize discussions within specific project channels. Liveblocks handles the live message broadcasting and presence updates across these channels.

Do I need existing authentication and database setup to implement live chat features?

Yes, implementing live chat features requires existing authentication and database infrastructure. The system integrates with pre-existing auth, db, realtime, add-shadcn, and storage skills to manage user identities, message persistence, and file uploads securely.

What is the best way to handle file attachments in a real-time chat interface?

Handling file attachments in a real-time chat interface is managed by integrating existing storage solutions with the messaging system. Files are uploaded and displayed within chats alongside threaded replies and emoji reactions.

Does this real-time chat solution support presence indicators and emoji reactions?

Yes, the real-time chat solution supports presence indicators and emoji reactions natively through Liveblocks. It delivers instant messages, tracks user presence, and allows users to react to specific messages with emojis.