Agent skill

tabz-integration

Integrate projects with TabzChrome terminals via HTML attributes, WebSocket, JS API, or Spawn API

View SKILL.md on GitHub Repository
Stars 137
Forks 10

Install this agent skill to your Project

npx add-skill https://github.com/GGPrompts/TabzChrome/tree/main/.claude/skills/tabz-integration

SKILL.md

TabzChrome Integration

Help users integrate their projects with TabzChrome terminals.

When to Use

  • Adding "Run in Terminal" buttons to web pages
  • Creating CLI tools that queue commands to TabzChrome
  • Building prompt libraries with fillable templates
  • Programmatically spawning terminal tabs

Integration Methods

Method Auth Best For
HTML data-terminal-command None Static buttons on docs/tool pages
WebSocket + websocat File token CLI/tmux workflows
WebSocket + JS API token Prompt libraries, web apps
POST /api/spawn Token Creating new terminal tabs

Quick Start

First, ask which integration the user needs:

questions:
  - question: "Which TabzChrome integration methods do you need?"
    header: "Integration"
    multiSelect: true
    options:
      - label: "HTML Buttons"
        description: "data-terminal-command for 'Run in Terminal' buttons"
      - label: "CLI/Scripts"
        description: "WebSocket via websocat for shell scripts"
      - label: "Web App JS"
        description: "JavaScript WebSocket for prompt libraries"
      - label: "Spawn API"
        description: "POST /api/spawn to create new tabs"

Then provide the relevant reference:

Selection Reference
HTML Buttons references/html-integration.md
CLI/Scripts references/cli-websocket.md
Web App JS references/javascript-api.md
Spawn API references/spawn-api.md

Authentication Summary

Context Method
CLI / Scripts TOKEN=$(cat /tmp/tabz-auth-token)
Extension Settings Click "API Token" → "Copy Token"
External web pages User pastes token (stored in localStorage)

Architecture Overview

Web Page / CLI / App
        │
        ▼
TabzChrome Backend (localhost:8129)
        │
        ▼ WebSocket broadcast
Chrome Extension
        │
        ▼
Sidepanel → Terminal Tabs

For security considerations on HTTPS sites, see references/security.md.

Recommended Agent Skills

Expand your agent's capabilities with these related and highly-rated skills.

GGPrompts/TabzChrome

tabz-terminals

Spawn and manage terminal tabs via TabzChrome REST API. Use when spawning workers, creating terminals programmatically, setting up worktrees for parallel work, or crafting prompts for Claude workers.

137 10
Explore
GGPrompts/TabzChrome

tabz-browser

Browser automation via 70 tabz MCP tools. Use when taking screenshots, filling forms, debugging network requests, testing responsive design, or using text-to-speech notifications.

137 10
Explore
GGPrompts/TabzChrome

tabz-development

Patterns for building and debugging TabzChrome itself. Use when working on Terminal.tsx, xterm.js integration, WebSocket I/O, resize handling, or any TabzChrome extension/backend code.

137 10
Explore
GGPrompts/TabzChrome

integration

Integrate projects with TabzChrome terminals via Markdown links, HTML attributes, WebSocket, JS API, or Spawn API

137 10
Explore
GGPrompts/TabzChrome

terminals

Spawn and manage terminal tabs via TabzChrome REST API. Use when spawning workers, creating terminals programmatically, setting up worktrees for parallel work, or crafting prompts for Claude workers.

137 10
Explore
GGPrompts/TabzChrome

browser

Browser automation via 70 tabz MCP tools. Use when taking screenshots, filling forms, debugging network requests, testing responsive design, or using text-to-speech notifications.

137 10
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results