Codify xterm.js, React, and WebSocket best practices for terminal applications.
npx skills add https://github.com/ssv445/claude-skills --skill xterm-js-ssv445
Please help me install this Agent Skill. Skill: xterm-js Source: https://github.com/ssv445/claude-skills/tree/main/xterm-js Command: npx skills add https://github.com/ssv445/claude-skills --skill xterm-js-ssv445
Comprehensive best practices for building terminal applications with xterm.js, React, and WebSockets, addressing initialization, state management, and robust UX patterns.
Implement xterm.js best-practice patterns in your terminal UI project to ensure reliable initialization and smooth operation.
High-intent search queries and answers about installing and using this skill.
Integrating xterm.js with React requires using refs for terminal instances and careful state management to avoid re-initialization. Best practices involve isolating terminal lifecycle logic within custom hooks to ensure robust, maintainable implementations while handling WebSocket input and resizing.
Handling WebSocket input for xterm.js requires proper session handling and clear messaging practices. Coordinating WebSocket connections with tmux-backed sessions ensures robust terminal performance and maintains state across multi-terminal UI strategies.
Yes, you can use tmux with xterm.js to manage multiple terminal sessions. Proper session handling involves coordinating tmux-backed sessions with WebSocket connections to ensure robust multi-terminal UI strategies and maintainable implementations.
Managing terminal resizing in xterm.js requires clear resize strategies that coordinate React component dimensions with WebSocket messages. Applying best practices for initialization and resizing ensures smooth operation and performance optimization in production apps.
xterm.js terminals in React often fail due to improper ref usage or flawed initialization patterns. Following best practices for refs and state management ensures reliable initialization and prevents data loss during WebSocket session handling.
tincopperBuild and configure xterm.js terminal emulators for web and Electron apps.
devkit-stackConfigure Better Auth authentication for TypeScript/JavaScript applications.
1Mangesh1Manage persistent terminal sessions, windows, and panes with tmux.
LuminairPrimeGuide terminal implementation in VS Code extensions using xterm.js and PTY integration.
