How does it handle terminal resizing?

It provides specific patterns for debouncing resize events and syncing the column/row dimensions between the xterm.js FitAddon and the backend PTY.

What is the primary role of the background script in this architecture?

The background script manages the persistent WebSocket connection, ensuring terminal sessions remain active even when the sidebar UI is closed.

Can I use these patterns for general terminal web apps?

While optimized for the TabzChrome extension, the WebSocket and xterm.js integration patterns are highly applicable to any web-based terminal project.

What core technologies does this skill cover?

This skill focuses on xterm.js for the frontend, WebSockets for communication, and Node.js-based PTY handlers for tmux session management.

Does this skill include tmux-specific commands?

Yes, it covers the integration logic necessary to spawn and attach to tmux sessions through the pty-handler backend.

TabzChrome Development

Name: TabzChrome Development
Author: GGPrompts

byGGPrompts

•

122

生産性とワークフロー

Streamlines the development and debugging of terminal-based Chrome extensions using xterm.js and tmux integrations.

概要

This skill provides specialized architectural patterns and implementation guidance for TabzChrome, a browser extension that integrates persistent tmux sessions into a sidebar. It offers precise instructions for managing the complex interplay between frontend xterm.js components, WebSocket-based I/O, and backend PTY handlers. Developers can leverage this skill to implement robust terminal resizing, session lifecycle hooks, and efficient data streaming between the browser and terminal environments.

主な機能

xterm.js configuration and rendering patterns
Responsive terminal resize debouncing logic
WebSocket protocol for real-time terminal I/O
Chrome extension background script orchestration
PTY session management and tmux integration
122 GitHub stars

ユースケース

Debugging WebSocket-to-PTY communication flows
Implementing synchronized terminal UI components
Building terminal-based browser extension interfaces

概要

主な機能

xterm.js configuration and rendering patterns
Responsive terminal resize debouncing logic
WebSocket protocol for real-time terminal I/O
Chrome extension background script orchestration
PTY session management and tmux integration
122 GitHub stars

ユースケース

Debugging WebSocket-to-PTY communication flows
Implementing synchronized terminal UI components
Building terminal-based browser extension interfaces