xterm-js - Build and debug xterm.js terminal applications
Provides patterns for building, refactoring, testing, and debugging xterm.js terminals with React, WebSockets, and tmux-style backends.
Tags
Updated: 2026-10-05Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Manage terminal state and refs
- Handle WebSocket message semantics
- Extract shared React hooks
- Initialize terminals with valid dimensions
- Configure effect dependencies
- Reconnect existing terminal sessions
- Route multi-window terminal output
- Test terminal workflows
- Add diagnostic logging
- Coordinate state change side effects
Inputs
- xterm.js terminal code
- React components and hooks
- WebSocket handlers
- Terminal state and refs
- Session configuration
- tmux backend
- Build and test environment
Outputs
- Refactored terminal code
- Terminal configuration changes
- Diagnostic logs
- Build and test results
Requirements
- xterm.js support
- React support
- WebSocket support
- tmux or similar backend