conversation-ux

Implements multi-conversation management, branching threads, and context switching patterns for chat interfaces.

Updated Apr 2, 2026
One-click install
npx skills add https://github.com/Hamza-Haadi/disease-risk-classifier-hamza --skill conversation-ux-hamza-haadi
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: conversation-ux
Source: https://github.com/Hamza-Haadi/disease-risk-classifier-hamza/tree/main/.claude/skills/22-conversation-ux
Command: npx skills add https://github.com/Hamza-Haadi/disease-risk-classifier-hamza --skill conversation-ux-hamza-haadi

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Linear chat interfaces fail when users need to manage multiple conversations, branch from specific messages to explore alternatives, or switch context between threads without losing state. ## Core Features & Use Cases - Multi-Conversation Management: Lark-style sidebar layouts with pinned, recent, and archived conversation sections, status indicators, and quick switching. - Turn-Level Branching: Git-style conversation branching from any message with context inheritance, tree visualization, and parent-child navigation. - Cross-Conversation Context: Reference and merge context from multiple conversations with visual source indicators. - Use Case: Building an enterprise AI chat app where an analyst branches from Turn 3 of a sales analysis to explore regional data while keeping the main thread intact, then merges churn data from a separate HR conversation. ## Quick Start Use the conversation-ux skill to design a multi-conversation chat interface with branching threads and a Lark-style sidebar.

Frequently Asked Questions about conversation-ux

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

FAQPage Schema
How do I implement conversation branching in a chat app?▼

Model conversations with a parentId and branchPoint reference, then copy context up to the branch message into the new thread. On desktop, reveal a 'Branch from here' action on message hover; on mobile, use long-press to trigger the same action.

How to build a multi-conversation sidebar like Lark or Slack?▼

Organize the sidebar into collapsible sections: pinned conversations at top, then active, recent, and archived groups. Use color-coded status dots, unread badges, and indentation with a fork icon to show branch relationships under parent conversations.

Does conversation branching work on mobile chat interfaces?▼

Yes, mobile branching uses long-press on a message to open an action sheet with a branch option. Tree navigation adapts with tap-to-open nodes, pinch-to-zoom, and swipe gestures for panning across large conversation trees.

How do I preserve context when switching between chat conversations?▼

Maintain a provider that stores the active conversation and a recents list, saving state before switching. Auto-save drafts, inherit data sources and uploaded documents into branches, and never force linear navigation so users can quick-switch freely.

What are the limitations of linear chat interfaces for enterprise AI?▼

Linear interfaces cannot support research workflows spanning multiple threads, exploration of alternative directions from a specific turn, or synthesis across conversations. Branching and tree visualization address these gaps but add UI complexity requiring clear visual hierarchy.