conversation-ux

Implements multi-conversation management, turn-level branching, and context switching patterns for AI chat interfaces.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Linear AI chat interfaces fail enterprise users who need to manage multiple conversation threads, branch from specific turns to explore alternatives, and synthesize context across conversations without losing their place. ## Core Features & Use Cases - Multi-Conversation Management: Lark-style sidebar organization with pinned, recent, archived, and starred conversation sections plus search and tagging. - 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 indicators and manual context selection. - Use Case: A research analyst branches from Turn 3 of a sales analysis conversation to explore regional data, then combines insights from an HR analytics conversation to identify at-risk regions. ## 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 each conversation with a parentId and branchPoint referencing the message where the fork occurred. On branch creation, copy all turns up to the branch point into the new conversation so it inherits context, then let it diverge independently.

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 indent branch conversations under their parents with a fork icon.

Can conversation branching work on mobile chat interfaces?▼

Yes, use long-press on a message to reveal a branch action sheet instead of hover menus. Support tap to open nodes, pinch to zoom the tree view, and swipe gestures for navigating large conversation trees.

How do I share context between multiple chat conversations?▼

Detect references in user messages via NLP patterns like conversation names, then fetch the relevant turns and display a context-used indicator. Also offer a manual selection UI where users check specific turns to merge into the active conversation.

What are common mistakes when designing conversation history UX?▼

Never lose conversation context or force purely linear navigation, and always auto-save drafts to prevent message loss. Always show branch points clearly so users understand where threads diverged.