frontend-multi-tab
CommunityIsolate multiple frontend sessions within one page.
Authorliuyu520
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Isolate and manage multiple frontend sessions in a single page, giving each tab its own isolated state and independent backend connection to prevent cross-talk and improve UX.
Core Features & Use Cases
- Independent per-tab WebSocket/HTTP connections
- Complete UI isolation with a shared container and a TabBar
- Background persistence via hidden sessions to avoid reconnect delays when switching tabs
- Use cases: parallel workspaces, multi-window chats, multiple API clients, and multi-tab UI patterns where each tab runs its own instance of a backend.
Quick Start
Create a container that manages multiple isolated tab instances, each with its own WebSocket connection, and render them with persistent hidden sessions for seamless switching.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: frontend-multi-tab Download link: https://github.com/liuyu520/cc-connect-fork/archive/main.zip#frontend-multi-tab Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.