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