frontend-multi-tab

Community

Isolate 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 required

Components

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.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.